*{margin:0;padding:0;box-sizing:border-box}:root{--green: #00ff41;--green-dim: #00aa2a;--green-bright: #66ff88;--bg: #050505;--amber: #ffb000;--red: #ff3333;--cyan: #00ffff;--text: #e0e0e0;--text-dim: #666;--accent: #9945FF;--accent2: #14F195;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-hover: rgba(255, 255, 255, .05);--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}html,body{min-height:100%;background:var(--bg)}body{font-family:var(--font-sans);color:var(--text);overflow-x:hidden}#matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.06;pointer-events:none}.blob{position:fixed;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none;z-index:0}.blob-1{width:500px;height:500px;background:var(--accent);top:-100px;right:-100px;animation:float1 25s ease-in-out infinite}.blob-2{width:400px;height:400px;background:var(--accent2);bottom:20%;left:-80px;animation:float2 30s ease-in-out infinite}.blob-3{width:350px;height:350px;background:linear-gradient(135deg,var(--accent),var(--cyan));top:50%;right:10%;animation:float3 20s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,80px) scale(1.1)}66%{transform:translate(40px,-40px) scale(.9)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,-60px) scale(1.15)}66%{transform:translate(-30px,50px) scale(.95)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-70px,-50px) scale(1.1)}}#page{position:relative;z-index:1}#hero{text-align:center;padding:80px 24px 40px}.hero-content{max-width:600px;margin:0 auto}.logo{font-family:var(--font-mono);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:12px}.logo .accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.1rem;color:var(--text-dim);font-weight:400;line-height:1.6}#terminal-section{padding:20px 24px 60px;display:flex;justify-content:center}#terminal-window{width:100%;max-width:820px;border-radius:14px;overflow:hidden;background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff08,0 8px 60px #00000080,0 2px 20px #9945ff0f}.window-bar{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.window-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:#333}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.window-title{font-family:var(--font-mono);font-size:13px;color:#444}#crt{position:relative;background:#050505e6;height:480px}#scanlines{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px)}#terminal{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px 24px;overflow-y:auto;z-index:5;display:flex;flex-direction:column;font-family:var(--font-mono)}#terminal::-webkit-scrollbar{width:6px}#terminal::-webkit-scrollbar-track{background:transparent}#terminal::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:3px}#output{flex:1;white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.6;color:var(--green)}#output .line{min-height:1.6em}#output .line.glow{text-shadow:0 0 8px var(--green),0 0 20px var(--green)}#output .line.amber{color:var(--amber)}#output .line.red{color:var(--red)}#output .line.cyan{color:var(--cyan)}#output .line.dim{color:var(--green-dim)}#output .line.bright{color:var(--green-bright);text-shadow:0 0 6px rgba(0,255,65,.3)}#output .line.bold{font-weight:700}#output .line.box{color:var(--green-dim);text-shadow:0 0 4px rgba(0,255,65,.2)}#output .line.progress{color:var(--green-dim)}#output .line.key{color:var(--cyan);text-shadow:0 0 6px rgba(0,255,255,.3);cursor:pointer;transition:text-shadow .2s}#output .line.key:hover{text-shadow:0 0 16px rgba(0,255,255,.8)}#output .line.typing:after{content:"█";animation:blink .8s step-end infinite;color:var(--green)}@keyframes blink{50%{opacity:0}}#input-line{display:flex;align-items:center;font-size:13px;line-height:1.6;padding-top:2px;font-family:var(--font-mono)}#input-line.hidden{display:none}#prompt{color:var(--green-bright);text-shadow:0 0 6px var(--green);margin-right:4px;flex-shrink:0}#input{flex:1;background:transparent;border:none;outline:none;color:var(--green);font-family:var(--font-mono);font-size:13px;line-height:1.6;caret-color:var(--green);caret-shape:block}#input::selection{background:var(--green);color:var(--bg)}#features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:820px;margin:0 auto;padding:0 24px 80px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:24px 20px;transition:background .3s,border-color .3s,box-shadow .3s}.glass-card:hover{background:var(--glass-hover);border-color:#ffffff1a;box-shadow:0 8px 32px #9945ff0f}.card-icon{color:var(--accent2);margin-bottom:14px}.glass-card h3{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:#fff;margin-bottom:6px}.glass-card p{font-size:.82rem;color:var(--text-dim);line-height:1.55}#how-it-works{max-width:620px;margin:0 auto;padding:0 24px 80px}#how-it-works h2,#difficulty h2{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:12px;text-align:center}.steps{display:flex;flex-direction:column;gap:24px;margin-top:32px}.step{display:flex;align-items:flex-start;gap:20px}.step-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:.875rem;color:#000}.step-text h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px}.step-text p{font-size:.875rem;color:var(--text-dim);line-height:1.5}#difficulty{max-width:620px;margin:0 auto;padding:0 24px 80px}.section-sub{text-align:center;color:var(--text-dim);font-size:.9rem;margin-bottom:28px}.table-card{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.85rem}thead th{text-align:left;color:var(--text-dim);font-weight:500;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}tbody td{padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.02);color:var(--text)}tbody tr:hover td{background:#ffffff05}tbody tr.hard td{color:var(--red)}.table-note{margin-top:14px;font-size:.78rem;color:#333;text-align:center}#footer{text-align:center;padding:40px 24px;border-top:1px solid rgba(255,255,255,.04)}#footer p{font-size:.8rem;color:#2a2a2a}#toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);background:var(--accent2);color:#000;padding:10px 24px;border-radius:10px;font-family:var(--font-mono);font-size:13px;font-weight:600;opacity:0;transition:opacity .3s,transform .3s;z-index:100;pointer-events:none;box-shadow:0 4px 24px #14f19540}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.logo{font-size:2.2rem}.tagline{font-size:.95rem}#hero{padding:50px 20px 30px}#features{grid-template-columns:1fr 1fr;gap:12px}#crt{height:420px}#output,#input-line,#input{font-size:11px}#terminal{padding:14px 16px}.blob{opacity:.06}}@media(max-width:480px){.logo{font-size:1.8rem}#features{grid-template-columns:1fr}#crt{height:380px}#output,#input-line,#input{font-size:10px}.blob-3{display:none}}