:root{--bg-dark:#0f111a;--bg-card:#1b2232;--text-primary:#e8edf5;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#7dd3fc;--accent-2d:#4ade80;--accent-ascii:#a78bfa;--border-color:#334155;--shadow-color:#0006}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#landing{background:linear-gradient(135deg,#0a0c12 0%,#1a1f2e 40%,#0f1318 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.lang-toggle{z-index:100;align-items:center;gap:.5rem;display:flex;position:absolute;top:1.5rem;right:2rem}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:14px;font-weight:500;transition:all .2s}.lang-btn:hover{color:var(--text-primary);background:#ffffff0d}.lang-btn.active{color:var(--accent-primary);background:#7dd3fc1a}.lang-sep{color:var(--text-muted);opacity:.5}.landing-content{text-align:center;z-index:10;max-width:600px;padding:2rem}.landing-logo{letter-spacing:6px;background:linear-gradient(135deg, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Courier New,monospace;font-size:56px;font-weight:700}.landing-tagline{color:var(--text-secondary);margin-bottom:2rem;font-size:18px}.landing-desc{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.6}.landing-buttons{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.landing-btn{border:2px solid var(--border-color);background:var(--bg-card);text-align:left;border-radius:12px;padding:1.25rem 2rem;text-decoration:none;transition:all .2s;display:block}.landing-btn:hover{box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-3px)}.landing-btn-2d{border-color:var(--accent-2d)}.landing-btn-2d:hover{background:#4ade801a;box-shadow:0 8px 24px #4ade8033}.landing-btn-ascii{border-color:var(--accent-ascii)}.landing-btn-custom{border-color:var(--accent-primary)}.landing-btn-custom:hover{background:#7dd3fc1a;box-shadow:0 8px 24px #7dd3fc33}.landing-btn-ascii:hover{background:#a78bfa1a;box-shadow:0 8px 24px #a78bfa33}.btn-title{color:var(--text-primary);margin-bottom:.25rem;font-size:20px;font-weight:600;display:block}.landing-btn-2d .btn-title{color:var(--accent-2d)}.landing-btn-ascii .btn-title{color:var(--accent-ascii)}.landing-btn-custom .btn-title{color:var(--accent-primary)}.btn-desc{color:var(--text-secondary);font-size:14px;display:block}.btn-tag{color:var(--text-muted);background:#64748b33;border-radius:4px;margin-top:.5rem;padding:.25rem .5rem;font-size:11px;display:inline-block}.btn-tag.recommended{color:var(--accent-2d);background:#4ade8033}.landing-footer{color:var(--text-muted);font-size:12px}.landing-footer .text-muted{opacity:.7;margin-top:.25rem}.landing-portraits{pointer-events:none;z-index:1;position:absolute;inset:0}.portrait{object-fit:cover;opacity:.2;filter:grayscale(40%);border-radius:12px;width:180px;height:180px;position:absolute}.portrait-1{top:8%;left:5%;transform:rotate(-8deg)}.portrait-2{bottom:12%;right:6%;transform:rotate(10deg)}.portrait-3{opacity:.15;top:15%;right:8%;transform:rotate(5deg)}.portrait-4{opacity:.15;bottom:8%;left:8%;transform:rotate(-5deg)}@media (width<=768px){.landing-content{padding:1.5rem}.landing-logo{letter-spacing:3px;font-size:32px}.landing-tagline{margin-bottom:1.5rem;font-size:14px}.landing-desc{margin-bottom:2rem;font-size:13px}.landing-btn{padding:1rem 1.25rem}.btn-title{font-size:18px}.btn-desc{font-size:13px}.landing-portraits{display:none}.landing-btn-2d{order:-1}}@media (width<=480px){.landing-logo{letter-spacing:2px;font-size:26px}.landing-tagline{font-size:13px}}