:root{--bg-color:#f2ede8;--panel-bg:#fff;--panel-border:#00000014;--text-main:#1c1826;--text-muted:#7a7088;--accent:#7c3aed;--accent-hover:#6d28d9;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0 0,#7c3aed12 0,#0000 50%),radial-gradient(at 100% 100%,#a78bfa14 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}#root,.page{flex-direction:column;min-height:100vh;display:flex}nav{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f2ede8cc;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.nav-logo{letter-spacing:-.025em;color:var(--text-main);align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.nav-logo-icon{background:var(--accent);color:#fff;letter-spacing:-.03em;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:780px;margin:0 auto;padding:6rem 2rem 5rem;display:flex}.hero-brand{letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:2rem;font-size:1.1rem;font-weight:700}.badge{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1.75rem;padding:.3rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-.04em;color:var(--text-main);margin-bottom:1.5rem;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:700;line-height:1.1}h1 span{color:var(--accent)}.hero-desc{color:var(--text-muted);max-width:560px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.7}.signup-form{width:100%;max-width:480px;margin:0 auto}.signup-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.65rem;font-size:.78rem;font-weight:600;display:block}.signup-row{gap:.5rem;display:flex}.signup-input{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel-bg);color:var(--text-main);outline:none;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000f}.signup-input::placeholder{color:var(--text-muted);opacity:.7}.signup-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26}.signup-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:.7rem 1.35rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s,transform .1s;box-shadow:0 2px 8px #7c3aed4d}.signup-btn:hover{background:var(--accent-hover)}.signup-btn:active{transform:scale(.98)}.signup-btn:disabled{opacity:.65;cursor:not-allowed}.signup-success{color:#059669;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;font-weight:500;display:flex}.signup-error{color:#dc2626;text-align:left;margin-top:.5rem;font-size:.82rem}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;width:100%;max-width:900px;margin:5rem auto 0;padding:0 2rem 6rem;display:grid}.feature-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 12px #0000000d}.feature-icon{margin-bottom:.75rem;font-size:1.5rem}.feature-title{color:var(--text-main);margin-bottom:.4rem;font-size:.95rem;font-weight:600}.feature-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}footer{border-top:1px solid var(--panel-border);text-align:center;color:var(--text-muted);padding:1.5rem 2rem;font-size:.82rem}