*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e27;--bg-secondary:#0f1419;--bg-card:#1a1f2e;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--accent-cyan:#00fff9;--accent-magenta:#f0f;--accent-green:#39ff14;--accent-yellow:#ffea00;--border-glow:rgba(0,255,249,.5)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Fira Code,JetBrains Mono,Courier New,monospace;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:scanlines 8s linear infinite;background:#00fff908;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{animation:glitch 3s infinite;color:var(--accent-cyan);font-size:3rem}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}a{color:var(--accent-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-magenta)}.btn,button{background:var(--accent-cyan);border:none;border-radius:4px;color:var(--bg-primary);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.btn:before,button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before,button:hover:before{height:300px;width:300px}.btn:hover,button:hover{background:var(--accent-magenta);transform:translateY(-2px)}.btn:active,button:active{transform:translateY(0)}input,textarea{background-color:var(--bg-card);border:2px solid transparent;border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}input:focus,textarea:focus{border-color:var(--accent-cyan)}.card{background:var(--bg-card);border:2px solid rgba(0,255,249,.2);border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.card:before{background:var(--accent-cyan);border-radius:8px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.card:hover{transform:translateY(-5px)}.card:hover:before{opacity:.3}.badge{border-radius:4px;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.badge-easy{background-color:#39ff1433;border:1px solid var(--accent-green);color:var(--accent-green)}.badge-medium{background-color:#ffea0033;border:1px solid var(--accent-yellow);color:var(--accent-yellow)}.badge-hard{background-color:#f0f3;border:1px solid var(--accent-magenta);color:var(--accent-magenta)}.badge-completed{background-color:#00fff933;border:1px solid var(--accent-cyan);color:var(--accent-cyan)}.container{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.grid{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:768px){h1{font-size:2rem}.container{padding:1rem}.grid{gap:1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes matrix{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}