:root{--bg-color:#e0e0e0;--bg-color1:#bebebe;--shadow-1:#bebebe;--shadow-2:#fff;--text-color:#171717;--border1:#cecece;--accent-color:#171717;--card-bg:#f0f0f0;--card-shadow:#0000001a;--toggle-accent-color:#4e4949}:root[data-theme=dark]{--bg-color:#212121;--bg-color1:#1e1e1e;--shadow-1:#191919;--shadow-2:#3c3c3c;--text-color:#f0f0f0;--accent-color:#b2eccf;--toggle-accent-color:#394841;--border1:#41404078;--card-bg:#1e1e1e;--card-shadow:#0006}:root[data-cyberpunk=true]{--bg-color:#0a0a1e;--bg-color1:#0c0c20;--shadow-1:#000;--shadow-2:#ff00ff4d;--text-color:#0ff;--accent-color:#f0f;--toggle-accent-color:#f0f;--border1:#00ffff80;--card-bg:#0c0c20;--card-shadow:#f0f6;--cyber-yellow:#fcee0a;--cyber-blue:#0ff;--cyber-pink:#f0f;--cyber-dark:#0a0a1e;--cyber-grid:#00ffff1a;--cyber-glow-blue:0 0 10px #00ffffb3;--cyber-glow-pink:0 0 10px #ff00ffb3;--cyber-glow-yellow:0 0 10px #fcee0ab3}html,body{-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{color:var(--text-color);background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}*{transition:background-color .1s,color .1s,border-color .1s,box-shadow .1s}@font-face{font-family:Rovelink;src:url(/font/Rovelink.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Armor;src:url("/font/SPACE ARMOR.otf")format("opentype");font-weight:400;font-style:normal;font-display:swap}:root[data-cyberpunk=true] *{text-shadow:0 0 5px var(--cyber-blue)}:root[data-cyberpunk=true] body:before{content:"";z-index:9990;pointer-events:none;opacity:.3;background:linear-gradient(#0000 50%,#0000001a 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}:root[data-cyberpunk=true] body:after{content:"";z-index:9989;pointer-events:none;background:radial-gradient(circle,#0000 0%,#0a0a1ecc 80%);width:100%;height:100%;position:fixed;top:0;left:0}:root[data-cyberpunk=true] body{background-image:linear-gradient(to right, var(--cyber-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--cyber-grid) 1px, transparent 1px);background-position:50%;background-size:50px 50px}:root[data-cyberpunk=true] h1,:root[data-cyberpunk=true] h2,:root[data-cyberpunk=true] h3{color:var(--cyber-pink);text-shadow:0 0 10px var(--cyber-pink);letter-spacing:2px;font-family:Space Armor,Rovelink,monospace;position:relative}:root[data-cyberpunk=true] .title{letter-spacing:2px;font-family:Rovelink,sans-serif;position:relative}:root[data-cyberpunk=true] .title:before{content:attr(data-text);text-shadow:2px 0 var(--cyber-pink);color:var(--cyber-pink);clip:rect(0, 900px, 0, 0);animation:3s linear infinite alternate-reverse cyber-noise-anim-2;position:absolute;top:0;left:-2px;overflow:hidden}:root[data-cyberpunk=true] a{color:var(--cyber-blue);text-decoration:none;transition:all .3s;position:relative}:root[data-cyberpunk=true] a:hover{color:var(--cyber-pink);text-shadow:0 0 8px var(--cyber-pink)}:root[data-cyberpunk=true] a:before{content:"";background-color:var(--cyber-pink);transform-origin:100%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}:root[data-cyberpunk=true] a:hover:before{transform-origin:0;transform:scaleX(1)}:root[data-cyberpunk=true] button,:root[data-cyberpunk=true] a.button{border:1px solid var(--cyber-blue);color:var(--cyber-blue);box-shadow:0 0 10px var(--cyber-blue);letter-spacing:1px;clip-path:polygon(0 10%,10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%);background-color:#0000;padding:.5rem 1rem;font-family:Rovelink,monospace;transition:all .3s;position:relative;overflow:hidden}:root[data-cyberpunk=true] button:before,:root[data-cyberpunk=true] a.button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:-100%}:root[data-cyberpunk=true] button:hover,:root[data-cyberpunk=true] a.button:hover{background-color:var(--cyber-pink);border-color:var(--cyber-pink);color:var(--cyber-dark);box-shadow:0 0 15px var(--cyber-pink)}:root[data-cyberpunk=true] button:hover:before,:root[data-cyberpunk=true] a.button:hover:before{left:100%}:root[data-cyberpunk=true] .card{background-color:var(--card-bg);border:1px solid var(--cyber-blue);clip-path:polygon(0 15px,15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px));position:relative;overflow:hidden;box-shadow:0 0 15px #00ffff4d}:root[data-cyberpunk=true] .card:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 0%,#00ffff0d 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes cyber-noise-anim{0%{clip:rect(31px, 9999px, 94px, 0)}5%{clip:rect(70px, 9999px, 71px, 0)}10%{clip:rect(55px, 9999px, 29px, 0)}15%{clip:rect(67px, 9999px, 43px, 0)}20%{clip:rect(4px, 9999px, 33px, 0)}25%{clip:rect(5px, 9999px, 88px, 0)}30%{clip:rect(75px, 9999px, 99px, 0)}35%{clip:rect(40px, 9999px, 11px, 0)}40%{clip:rect(82px, 9999px, 70px, 0)}45%{clip:rect(48px, 9999px, 26px, 0)}50%{clip:rect(82px, 9999px, 37px, 0)}55%{clip:rect(63px, 9999px, 84px, 0)}60%{clip:rect(46px, 9999px, 3px, 0)}65%{clip:rect(48px, 9999px, 35px, 0)}70%{clip:rect(83px, 9999px, 82px, 0)}75%{clip:rect(93px, 9999px, 31px, 0)}80%{clip:rect(82px, 9999px, 56px, 0)}85%{clip:rect(11px, 9999px, 20px, 0)}90%{clip:rect(54px, 9999px, 15px, 0)}95%{clip:rect(32px, 9999px, 49px, 0)}to{clip:rect(79px, 9999px, 37px, 0)}}@keyframes cyber-noise-anim-2{0%{clip:rect(16px, 9999px, 30px, 0)}5%{clip:rect(29px, 9999px, 97px, 0)}10%{clip:rect(90px, 9999px, 16px, 0)}15%{clip:rect(99px, 9999px, 96px, 0)}20%{clip:rect(66px, 9999px, 86px, 0)}25%{clip:rect(96px, 9999px, 2px, 0)}30%{clip:rect(41px, 9999px, 59px, 0)}35%{clip:rect(51px, 9999px, 75px, 0)}40%{clip:rect(85px, 9999px, 86px, 0)}45%{clip:rect(9px, 9999px, 94px, 0)}50%{clip:rect(63px, 9999px, 42px, 0)}55%{clip:rect(24px, 9999px, 23px, 0)}60%{clip:rect(57px, 9999px, 73px, 0)}65%{clip:rect(85px, 9999px, 95px, 0)}70%{clip:rect(7px, 9999px, 60px, 0)}75%{clip:rect(34px, 9999px, 30px, 0)}80%{clip:rect(35px, 9999px, 82px, 0)}85%{clip:rect(80px, 9999px, 64px, 0)}90%{clip:rect(61px, 9999px, 67px, 0)}95%{clip:rect(95px, 9999px, 31px, 0)}to{clip:rect(87px, 9999px, 90px, 0)}}:root[data-cyberpunk=true] .glitch-text{animation:2s linear infinite alternate-reverse cyber-noise-anim;position:relative}:root[data-cyberpunk=true] .glitch-text:before{content:attr(data-text);text-shadow:2px 0 var(--cyber-pink);color:var(--cyber-pink);clip:rect(0, 900px, 0, 0);animation:2s linear infinite alternate-reverse cyber-noise-anim;position:absolute;top:0;left:-2px;overflow:hidden}:root[data-cyberpunk=true] .glitch-text:after{content:attr(data-text);text-shadow:-2px 0 var(--cyber-blue);color:var(--cyber-blue);clip:rect(0, 900px, 0, 0);animation:3s linear infinite alternate-reverse cyber-noise-anim-2;position:absolute;top:0;left:2px;overflow:hidden}img,svg{max-width:100%;height:auto}@media (max-width:768px){html{font-size:95%}}@media (max-width:480px){html{font-size:90%}}