:root{--bg-color:#0a0f1e;--bg-color-alpha:#0a0f1ecc;--primary-neon:#00ff9d;--accent-blue:#00b4ff;--danger-red:#ff2d55;--text-main:#fff;--text-muted:#8892b0;--panel-bg:#ffffff0d;--panel-border:#00ff9d33;--font-display:"Share Tech Mono", monospace;--font-body:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.05em;font-weight:400}a{color:var(--accent-blue);text-decoration:none;transition:color .3s}a:hover,.text-primary{color:var(--primary-neon)}.text-accent{color:var(--accent-blue)}.text-danger{color:var(--danger-red)}.text-muted{color:var(--text-muted)}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:8px;padding:1.5rem;transition:all .3s}.glass-panel:hover{border-color:#00ff9d80;box-shadow:0 0 15px #00ff9d1a}.btn{font-family:var(--font-display);text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:var(--primary-neon);border:1px solid var(--primary-neon);background:0 0;box-shadow:0 0 10px #00ff9d33,inset 0 0 10px #00ff9d1a}.btn-primary:hover{text-shadow:0 0 5px var(--primary-neon);background:#00ff9d1a;box-shadow:0 0 20px #00ff9d66,inset 0 0 20px #00ff9d33}.btn-accent{color:var(--accent-blue);border:1px solid var(--accent-blue);background:0 0}.btn-accent:hover{background:#00b4ff1a;box-shadow:0 0 20px #00b4ff66}.btn-danger{color:var(--danger-red);border:1px solid var(--danger-red);background:0 0}.btn-danger:hover{background:#ff2d551a;box-shadow:0 0 20px #ff2d5566}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:var(--primary-neon);z-index:-1;animation:2s linear infinite alternate-reverse glitch-anim-1}.glitch-text:after{color:var(--danger-red);z-index:-2;animation:3s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10%);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50%);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5%);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70%);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 40%);transform:translate(1px,-1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60%);transform:translate(2px,-1px)}20%{clip-path:inset(30% 0 20%);transform:translate(-2px,1px)}40%{clip-path:inset(70% 0 10%);transform:translate(2px,-2px)}60%{clip-path:inset(20% 0 50%);transform:translate(-2px,2px)}80%{clip-path:inset(50% 0 30%);transform:translate(1px,-1px)}to{clip-path:inset(5% 0 80%);transform:translate(-1px,1px)}}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex-col{flex-direction:column}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,1fr)}}@media (width>=769px) and (width<=1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}input[type=text],input[type=number],select{border:1px solid var(--panel-border);color:var(--text-main);font-family:var(--font-display);background:#00000080;border-radius:4px;outline:none;padding:.5rem 1rem;transition:all .3s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--primary-neon);box-shadow:0 0 10px #00ff9d33}
