.sub-pop,.sub-inline{--s-ink:#f2efe9;--s-hi:#fff;--s-70:#f2efe9b8;--s-55:#f2efe999;--s-line:#ffffff1a;--s-edge:#fff3;--s-edge-hi:#ffffff80;--s-tint:#ffffff0a;--s-card:linear-gradient(180deg, #111212, #08090a);--s-shadow:inset 0 1px 0 #ffffff0f, 0 40px 100px #000000b3;--s-field:#ffffff0d;--s-fill:#f2efe9;--s-on-fill:#0a0a0a;--s-fill-hi:#fff;--s-acc:#3ddc84;--s-acc-soft:#3ddc841a;--s-acc-line:#3ddc8459;--s-glow:#3ddc8429;--s-err:#ff8a7a;--s-chrome:linear-gradient(180deg, #fff 0%, #dcdee3 52%, #6b717b 100%);--s-scrim:#0303039e;--s-ease:cubic-bezier(.22, 1, .36, 1);color:var(--s-ink);font-family:var(--font-inter), system-ui, sans-serif;font-weight:300}html[data-theme=light] .sub-pop,html[data-theme=light] .sub-inline{--s-ink:#0d0e10;--s-hi:#000;--s-70:#0d0e10bd;--s-55:#0d0e10a3;--s-line:#0d0e101a;--s-edge:#0d0e1033;--s-edge-hi:#0d0e1080;--s-tint:#0d0e1008;--s-card:linear-gradient(180deg, #fff, #f6f5f1);--s-shadow:inset 0 1px 0 #fff, 0 40px 90px #1c1e1a38;--s-field:#fff;--s-fill:#0d0e10;--s-on-fill:#f4f3ef;--s-fill-hi:#000;--s-acc:#11703a;--s-acc-soft:#11703a14;--s-acc-line:#11703a5c;--s-glow:#11703a1a;--s-err:#a3261a;--s-chrome:linear-gradient(180deg, #454a53 0%, #0b0c0e 50%, #3a3e45 100%);--s-scrim:#f1f0ec9e}.sub-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--s-acc);align-items:center;gap:10px;margin:0 0 16px;font-size:.68rem;font-weight:600;display:inline-flex}.sub-kicker i{background:var(--s-acc);width:7px;height:7px;box-shadow:0 0 0 4px var(--s-acc-soft);border-radius:50%}.sub-pop__glow,.sub-inline__glow{background:radial-gradient(closest-side, var(--s-glow), transparent);pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;inset:-40% -20% auto auto}.sub-form{position:relative}.sub-label{color:var(--s-70);margin:0 0 8px;font-size:.78rem;font-weight:500;display:block}.sub-row{gap:8px;display:flex}.sub-input{border:1px solid var(--s-edge);background:var(--s-field);min-width:0;min-height:52px;color:var(--s-ink);font:inherit;border-radius:999px;flex:auto;padding:0 20px;font-size:1rem;font-weight:400;transition:border-color .25s,box-shadow .25s}.sub-input::placeholder{color:var(--s-55)}.sub-input:hover{border-color:var(--s-edge-hi)}.sub-input:focus{border-color:var(--s-acc);box-shadow:0 0 0 4px var(--s-acc-soft);outline:none}.sub-input[aria-invalid=true]{border-color:var(--s-err)}.sub-btn{background:var(--s-fill);min-height:52px;color:var(--s-on-fill);font:inherit;white-space:nowrap;cursor:pointer;transition:transform .35s var(--s-ease), background-color .25s, box-shadow .35s var(--s-ease);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.sub-btn svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .35s var(--s-ease)}.sub-btn:hover{background:var(--s-fill-hi);transform:translateY(-1px);box-shadow:0 12px 28px #00000040}.sub-btn:hover svg{transform:translate(3px)}.sub-btn:active{transform:scale(.98)}.sub-btn:disabled{opacity:.7;cursor:progress;transform:none}.sub-btn:focus-visible,.sub-pop__x:focus-visible,.sub-note a:focus-visible{outline:2px solid var(--s-acc);outline-offset:3px}.sub-btn--go{background:var(--s-acc);color:#04170b}html[data-theme=light] .sub-btn--go{color:#fff}.sub-btn--go:hover{background:var(--s-acc);filter:brightness(1.08)}.sub-hp{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.sub-err{color:var(--s-err);margin:10px 0 0 6px;font-size:.86rem;font-weight:400}.sub-note{color:var(--s-55);margin:12px 0 0 6px;font-size:.78rem;line-height:1.5}.sub-note a{color:inherit;text-underline-offset:3px;text-decoration:underline}.sub-note a:hover{color:var(--s-ink)}@media (max-width:479px){.sub-row{flex-direction:column}.sub-btn{width:100%}}.sub-done{animation:sub-in .45s var(--s-ease) both;position:relative}.sub-done__h{letter-spacing:-.02em;color:var(--s-ink);align-items:center;gap:10px;margin:0 0 6px;font-size:1.3rem;font-weight:700;display:flex}.sub-done__h i{background:var(--s-acc);width:10px;height:10px;box-shadow:0 0 0 5px var(--s-acc-soft);border-radius:50%}.sub-done__p{color:var(--s-70);margin:0 0 16px;font-size:.96rem;line-height:1.55}.sub-inline{border:1px solid var(--s-line);background:var(--s-card);box-shadow:var(--s-shadow);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:22px 48px;padding:clamp(26px,4vw,44px);display:grid;position:relative;overflow:hidden}.sub-inline__text,.sub-inline__form{position:relative}.sub-inline__h{letter-spacing:-.04em;background:var(--s-chrome);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 calc(10px - .14em);padding-bottom:.19em;font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:900;line-height:1}.sub-inline__lead{max-width:44ch;color:var(--s-70);margin:0;font-size:1rem;line-height:1.6}@media (max-width:899px){.sub-inline{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sub-done{animation:none}.sub-btn,.sub-btn svg{transition:none}}.sub-inline__h,.sub-done__h{font-family:var(--font-inter), system-ui, sans-serif;font-style:normal}@keyframes sub-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}
