:root{--bg:#09090B;--ink:#F5F2EA;--ink-2:#B9B4A9;--ink-3:#8C877F;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--gold:#E6C384;--red:#F2A7A0;
--f-display:"Inter Tight","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--f-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--f-serif:"Instrument Serif",ui-serif,Georgia,"Times New Roman",serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
img,svg{display:block;max-width:100%}
a{color:inherit}
::selection{background:rgba(230,195,132,.32);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 620px at 82% -12%,rgba(230,195,132,.13),transparent 62%),radial-gradient(760px 520px at -12% 70%,rgba(157,179,163,.06),transparent 62%)}
.gate{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:580px;margin:0 auto;padding:48px clamp(16px,5vw,32px) 32px}
.who{display:flex;align-items:center;gap:14px;margin:0 0 clamp(36px,7vh,56px)}
.avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;flex:none;background:radial-gradient(circle at 50% 30%,#2a241a,#121214);border:1px solid rgba(230,195,132,.35)}
.avatar img{width:100%;height:100%;object-fit:cover}
.who b{display:block;font-family:var(--f-display);font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.3}
.who small{display:block;font-size:14px;color:var(--ink-3);line-height:1.4}
.eyebrow{display:block;font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
h1{font-family:var(--f-display);font-weight:700;font-size:clamp(2.55rem,8vw,3.7rem);line-height:1;letter-spacing:-.045em;margin:16px 0 20px}
.serif{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.015em;font-size:1.1em}
.goldtext{background:linear-gradient(180deg,#F8E8C6 8%,#D5A95F 92%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.lead{margin:0 0 30px;color:var(--ink-2);font-size:1.06rem;max-width:30em}
.field{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 18px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.035);transition:border-color .2s,box-shadow .2s}
.field:focus-within{border-color:rgba(230,195,132,.55);box-shadow:0 0 0 4px rgba(230,195,132,.12)}
.field.err-on{border-color:rgba(242,167,160,.65)}
.field .lock{width:18px;height:18px;flex:none;color:var(--ink-3)}
.field input{flex:1;min-width:0;height:46px;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;letter-spacing:.08em;outline:none}
.field input::placeholder{color:var(--ink-3);letter-spacing:0}
.btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border:0;border-radius:999px;font:inherit;font-weight:600;font-size:15.5px;color:#1B1408;background:linear-gradient(180deg,#F2D7A4,#D6AD66);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 34px -14px rgba(230,195,132,.7);cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s}
.btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 40px -12px rgba(230,195,132,.85)}
.btn svg{width:18px;height:18px}
.err{margin:12px 0 0 18px;color:var(--red);font-size:14.5px}
.ask{margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--ink-3);font-size:15px}
.ask a{color:var(--gold);font-weight:500;text-decoration:none}
.ask a:hover{text-decoration:underline;text-underline-offset:3px}
.ask .sep{margin:0 8px;color:var(--line-2)}
.foot{position:relative;padding:16px clamp(16px,5vw,32px) 28px;text-align:center;color:var(--ink-3);font-size:13.5px}
.foot a{color:var(--ink-2);text-decoration:none}
.foot a:hover{color:var(--ink)}
@media (prefers-reduced-motion:no-preference){
.gate>*{animation:up .8s var(--ease) both}
.gate>:nth-child(2){animation-delay:.05s}.gate>:nth-child(3){animation-delay:.1s}.gate>:nth-child(4){animation-delay:.15s}.gate>:nth-child(5){animation-delay:.2s}.gate>:nth-child(6){animation-delay:.25s}
@keyframes up{from{opacity:0;transform:translateY(12px)}}
}
@media (max-width:400px){.btn{padding:0 16px}.field{padding-left:14px}}