:root{--bg: #0b1015;--surface: #131b21;--surface-hover: #1a2530;--accent: #57A638;--accent-dim: rgba(87, 166, 56, 0.12);--text: #dfe3e7;--text-muted: #6d7a85;--border: #1c2630;--radius: 12px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none;transition:opacity .15s}a:hover{opacity:.8}.nav{padding:1.2rem 2rem;border-bottom:1px solid var(--border)}.nav-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:"Fira Code",ui-monospace,monospace;font-weight:600;font-size:1.05rem;color:var(--text);letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.nav-logo-icon{display:block}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500}.nav-links a:hover{color:var(--text)}.hero{text-align:center;padding:5rem 2rem 3rem;max-width:720px;margin:0 auto}.hero h1{font-weight:600;font-size:2.6rem;line-height:1.2;letter-spacing:-.025em;color:#fff}.hero-sub{margin-top:1rem;font-size:1.1rem;color:var(--text-muted)}.divider{border:none;border-top:1px solid var(--border);max-width:720px;margin:0 auto}.app-card{text-align:center;padding:3.5rem 2rem 5rem;max-width:720px;margin:0 auto}.app-card-link{display:inline-block;padding:2.5rem 3rem;border-radius:var(--radius);transition:background .2s}.app-card-link:hover{background:var(--accent-dim);opacity:1}.app-icon{display:block;margin:0 auto 1.5rem;border-radius:40px;box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04)}.app-name{font-weight:600;font-size:1.5rem;color:#fff;letter-spacing:-.02em}.app-tagline{margin-top:.4rem;color:var(--text-muted);font-size:1.05rem}.app-cta{display:inline-block;margin-top:1.2rem;color:var(--accent);font-weight:500;font-size:.95rem}.help-page{max-width:720px;margin:0 auto;padding:3rem 2rem 5rem}.help-page h1{font-weight:600;font-size:2rem;color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem}.help-page h2{font-weight:600;font-size:1.3rem;color:#fff;letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:.75rem}.help-page p{margin-bottom:1rem;color:var(--text)}.help-page ul,.help-page ol{margin-bottom:1rem;padding-left:1.5rem}.help-page li{margin-bottom:.3rem;color:var(--text)}.help-page strong{color:#fff;font-weight:500}.help-page code{font-size:.9em;background:var(--surface);padding:.15em .4em;border-radius:4px}.help-page .help-icon{display:block;width:80px;height:80px;border-radius:18px;margin-bottom:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.3)}.help-page .help-tip{background:var(--surface);border-left:3px solid var(--accent);padding:1rem 1.25rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0;color:var(--text-muted);font-size:.95rem}.help-page .help-tip strong{color:var(--accent)}.footer{margin-top:auto;padding:2rem;border-top:1px solid var(--border)}.footer-inner{max-width:720px;margin:0 auto;text-align:center;color:var(--text-muted);font-size:.85rem}@media (max-width: 600px){html{font-size:16px}.hero{padding:3.5rem 1.5rem 2rem}.hero h1{font-size:1.9rem}.app-card{padding:2.5rem 1.5rem 3.5rem}.app-card-link{padding:2rem 1.5rem}.app-icon{width:140px;height:140px;border-radius:32px}.help-page{padding:2rem 1.5rem 3rem}}