*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0a14;--surface:#13101e;--surface-hover:#1a1628;--gold:#c9a84c;--gold-light:#e8d48b;--gold-dim:#c9a84c18;--gold-border:#c9a84c33;--gold-glow:#c9a84c22;--indigo:#2a1f5e;--teal:#3dd6c8;--teal-dim:#3dd6c818;--teal-border:#3dd6c833;--text:#e8e4f0;--text-mid:#9590a8;--text-dim:#5e5878}html,body{background:var(--bg);height:100%;color:var(--text);font-family:Jost,sans-serif;font-weight:300}body{justify-content:center;display:flex}#app{width:100%;max-width:480px;min-height:100vh;position:relative}.geo-bg{opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z' fill='none' stroke='%23c9a84c' stroke-width='0.5'/%3E%3C/svg%3E");background-size:80px 80px;position:fixed;inset:0}.line{background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px}.section-label{letter-spacing:6px;color:var(--teal);text-transform:uppercase;opacity:.45;font-family:Cormorant Garamond,serif;font-size:11px;font-weight:500}@media (width<=480px){#app{padding:0 16px}}