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