@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap");:root{--bg:#111;--bg-deep:#0a0a0a;--panel:#161616;--panel-border:hsla(0,0%,100%,.06);--text:#e8e4df;--text-secondary:#a39e95;--text-faint:#6b665e;--gold:#c4a55a;--gold-light:#d4b96a;--gold-muted:rgba(196,165,90,.15);--gold-line:rgba(196,165,90,.3);--cream:#f0ebe0;--cream-hover:#e6e0d2;--cream-text:#1a1a1a;--line:hsla(0,0%,100%,.08);--line-subtle:hsla(0,0%,100%,.04);--radius:2px;--radius-lg:4px;--shadow:0 20px 60px rgba(0,0,0,.4);--font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.surface{min-height:100vh;background:radial-gradient(ellipse 800px 600px at 50% 0,rgba(196,165,90,.04),transparent 70%),var(--bg-deep)}.container{max-width:720px;margin:0 auto;padding:80px 28px 100px}@media (max-width:640px){.container{padding:16px 12px;min-height:100vh;display:flex;flex-direction:column}.panel{flex:1 1;display:flex;flex-direction:column;justify-content:center}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:48px 40px;box-shadow:var(--shadow);animation:fadeIn .5s ease both}@media (max-width:640px){.panel{padding:36px 20px}}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:40px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sig{width:1px;height:48px;background:linear-gradient(180deg,var(--gold),transparent);border:none;border-radius:0;box-shadow:none}.brandname{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--text-secondary)}h1{font-family:var(--font-display);font-weight:400;font-size:42px;line-height:1.15;letter-spacing:-.01em;color:var(--text);margin:0}@media (max-width:480px){h1{font-size:32px}}h2{font-family:var(--font-body);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);margin:0 0 16px}h2,h3{font-weight:500}h3{font-family:var(--font-display);font-size:26px;line-height:1.25;color:var(--text);margin:0}.gold,.subtitle{color:var(--gold)}.subtitle{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.tagline{font-family:var(--font-display);font-size:20px;font-weight:300;line-height:1.6;max-width:480px}.muted,.tagline{color:var(--text-secondary)}.muted{font-size:15px;line-height:1.7}.faint{color:var(--text-faint)}.small{font-size:12px;letter-spacing:.02em}.hr{background:var(--line);margin:32px 0}.hr,.hr-gold{height:1px;border:none}.hr-gold{background:linear-gradient(90deg,transparent,var(--gold-line),transparent);margin:40px 0}.gold-line{width:1px;height:56px;background:linear-gradient(180deg,var(--gold),transparent);margin:0 auto 32px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.06em;text-decoration:none;border-radius:100px;cursor:pointer;transition:all .25s ease;background:var(--cream);color:var(--cream-text);border:1px solid var(--cream)}.btn:hover{background:var(--cream-hover);border-color:var(--cream-hover);transform:translateY(-1px)}.btn-secondary,.btn.secondary{background:transparent;color:var(--text-secondary);border:none;padding:0;font-size:13px;letter-spacing:.04em}.btn-secondary:hover,.btn.secondary:hover{color:var(--gold);background:transparent;transform:none}.btn-secondary:after,.btn.secondary:after{content:" \203A";font-size:15px}.card{border:1px solid var(--line-subtle);background:hsla(0,0%,100%,.02);border-radius:var(--radius-lg);padding:28px;transition:border-color .2s ease;animation:fadeIn .5s ease both}.card:hover{border-color:var(--line)}.card:first-child{animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card-module{border:1px solid var(--line-subtle);background:hsla(0,0%,100%,.015);border-radius:var(--radius-lg);padding:32px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;transition:border-color .25s ease,background .25s ease;text-decoration:none;color:inherit;animation:fadeIn .5s ease both}.card-module:hover{border-color:var(--gold-line);background:rgba(196,165,90,.03)}.card-module:first-child{animation-delay:.05s}.card-module:nth-child(2){animation-delay:.1s}.card-module:nth-child(3){animation-delay:.15s}.card-module:nth-child(4){animation-delay:.2s}.card-module:nth-child(5){animation-delay:.25s}.card-module:nth-child(6){animation-delay:.3s}.card-module:nth-child(7){animation-delay:.35s}.card-module:nth-child(8){animation-delay:.4s}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:640px){.grid{grid-template-columns:1fr}}.form{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.form-container{max-width:100%}.span2{grid-column:1/-1}label{font-size:11px;font-weight:500;color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:8px}input,label,select,textarea{font-family:var(--font-body)}input,select,textarea{width:100%;background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;color:var(--text);font-size:15px;outline:none;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--gold-line)}input:disabled{opacity:.5}audio{width:100%;height:40px;border-radius:var(--radius)}.version-badge{display:inline-block;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-muted);padding:3px 10px;border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.14)}