/* Scoped to the native registration route. Materials and colors match the homepage. */
body.ag-signup{--su-bg:#f1f4f6;--su-text:#111827;--su-muted:#58677b;--su-accent:#5659e8;--su-edge:rgba(255,255,255,.88);--su-glass:rgba(255,255,255,.46);background:var(--su-bg);color:var(--su-text)}
.dark body.ag-signup{--su-bg:#1b1f24;--su-text:#edf0f7;--su-muted:#a9b7cb;--su-accent:#aaa5ff;--su-edge:rgba(255,255,255,.13);--su-glass:rgba(31,35,44,.58)}
.ag-signup .su-layout{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:clamp(40px,6vw,96px);width:100%;height:auto!important;min-height:100svh;padding:100px max(40px,calc((100vw - 1160px)/2)) 48px;overflow:hidden;background:radial-gradient(ellipse at 25% 42%,rgba(99,102,241,.055),transparent 60%)}
.ag-signup .su-layout:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/home/assets/home-particle-field-20261026.svg?v=1') 0 0 / 960px 720px repeat;opacity:.55}
.dark .ag-signup .su-layout:before{opacity:.8}
.ag-signup .su-brand{top:30px!important;left:max(40px,calc((100vw - 1160px)/2))!important;gap:10px!important}
.ag-signup .su-brand h1{font-size:20px;font-weight:650;letter-spacing:-.04em}
.ag-signup .su-toplinks{position:absolute;top:36px;right:max(40px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:26px;font-size:13px;color:var(--su-muted);z-index:2}
.ag-signup .su-toplinks a:hover{color:var(--su-accent)}
.ag-signup .su-story{position:relative;align-self:center;min-width:0;padding-block:10px}
.ag-signup .su-eyebrow{font:600 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.19em;color:var(--su-accent);margin:0 0 22px}
.ag-signup .su-title{font-size:clamp(40px,4.4vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:720;margin:0 0 20px;text-wrap:balance}
.ag-signup .su-title span{display:block;color:var(--su-accent);margin-top:2px}
.ag-signup .su-description{font-size:15px;line-height:1.9;color:var(--su-muted);max-width:430px;margin:0}
.ag-signup .su-visual{position:relative;height:230px;margin:8px -16px 0;pointer-events:none}
.ag-signup .su-visual canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.82}
.ag-signup [data-vortex-stage]{position:absolute;width:390px;max-width:95%;height:220px;top:0;left:50%;transform:translateX(-50%)}
.ag-signup .su-core-label{position:absolute;left:50%;top:calc(50% + 36px);transform:translateX(-50%);font:600 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--su-accent);padding:7px 11px;border:1px solid var(--su-edge);border-radius:20px;background:var(--su-glass);white-space:nowrap;backdrop-filter:blur(12px)}
.ag-signup .su-protocol{position:absolute;font:500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--su-muted);border:1px solid var(--su-edge);background:var(--su-glass);padding:7px 10px;border-radius:9px;backdrop-filter:blur(12px)}
.ag-signup .su-protocol.p1{left:7%;top:22%}.ag-signup .su-protocol.p2{right:1%;top:36%}.ag-signup .su-protocol.p3{left:16%;bottom:10%}
.ag-signup .su-steps{display:flex;align-items:center;gap:17px;padding-top:18px;border-top:1px solid rgba(115,130,151,.14);font-size:12px;color:var(--su-muted)}
.ag-signup .su-steps b{font:500 10px ui-monospace,monospace;color:var(--su-accent);margin-right:7px}.ag-signup .su-steps i{height:1px;width:22px;background:rgba(115,130,151,.25)}
.ag-signup .su-form-region{display:block!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0}
.ag-signup .su-card{width:100%!important;margin:0!important;padding:36px 38px 28px!important;position:relative;border:1px solid var(--su-edge);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 64%),var(--su-glass);box-shadow:0 20px 65px rgba(24,36,55,.055),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}
.dark .ag-signup .su-card{box-shadow:0 20px 65px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06)}
.ag-signup .su-card:before{content:attr(data-su-account);display:block;font:500 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.17em;color:var(--su-accent);margin-bottom:24px}
.ag-signup .su-card h2{font-size:27px!important;line-height:1.4;text-align:left!important;font-weight:680;letter-spacing:-.045em;color:var(--su-text)}
.ag-signup .su-card h2+p{font-size:13px!important;line-height:1.8;color:var(--su-muted);margin-top:7px}
.ag-signup .su-card h2+p a{color:var(--su-accent);text-decoration:none}
.ag-signup .su-card h2+p a:hover{text-decoration:underline}
.ag-signup .su-card form{gap:20px;margin-top:26px!important}
.ag-signup .su-card > .w-full > div:first-child{margin-bottom:0!important}
.ag-signup .su-card [data-slot='form-label']{font-size:12px;color:var(--su-text);font-weight:550;line-height:1.5}
.ag-signup .su-card input{height:46px!important;border-radius:11px!important;padding-inline:14px!important;font-size:13px!important;background:rgba(255,255,255,.34)!important;border:1px solid rgba(115,130,151,.2)!important;color:var(--su-text)!important;box-shadow:inset 0 1px 2px rgba(24,36,55,.015);transition:border-color .18s,box-shadow .18s}
.dark .ag-signup .su-card input{background:rgba(255,255,255,.035)!important;border-color:rgba(168,185,209,.2)!important}
.ag-signup .su-card input[type='password'],.ag-signup .su-card input[name='password'],.ag-signup .su-card input[name='confirmPassword']{padding-right:46px!important}
.ag-signup .su-card input::placeholder{color:var(--su-muted);opacity:.7}
.ag-signup .su-card input:focus-visible{border-color:var(--su-accent)!important;outline:0!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important}
.ag-signup .su-card input[aria-invalid='true']{border-color:#dc5959!important}
.ag-signup .su-card button[type='submit']{height:46px!important;margin-top:4px;border-radius:11px!important;background:#5659e8!important;color:#fff!important;font-size:14px;font-weight:600;box-shadow:0 4px 12px rgba(86,89,232,.13)}
.ag-signup .su-card button[type='submit']:hover{background:#484bd5!important;box-shadow:0 6px 18px rgba(86,89,232,.22)}
.ag-signup .su-card button[type='submit']:focus-visible{outline:2px solid var(--su-accent);outline-offset:4px}
.ag-signup .su-card form button[aria-label]{right:10px;width:28px;height:28px;color:var(--su-muted)}
.ag-signup .su-card-foot{font-size:11px;line-height:1.9;color:var(--su-muted);padding-top:21px;margin-top:23px!important;border-top:1px solid rgba(115,130,151,.14)}
.ag-signup .su-bottom{position:absolute;bottom:24px;left:0;right:0;text-align:center;font:400 10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.04em;color:var(--su-muted);opacity:.7}
@media(min-width:1500px){.ag-signup .su-layout{grid-template-columns:minmax(0,560px) minmax(0,460px);justify-content:center;gap:110px}}
@media(max-width:1000px){.ag-signup .su-layout{padding-inline:32px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,420px)}.ag-signup .su-title{font-size:42px}.ag-signup .su-card{padding-inline:30px!important}.ag-signup .su-brand{left:32px!important}.ag-signup .su-toplinks{right:32px}.ag-signup .su-steps{gap:10px;font-size:11px}.ag-signup .su-steps i{width:10px}}
@media(max-width:760px){.ag-signup .su-layout{grid-template-columns:minmax(0,440px);justify-content:center;align-content:center;gap:26px;min-height:100svh;padding:106px 24px 65px;overflow:clip}.ag-signup .su-brand{top:25px!important;left:24px!important}.ag-signup .su-brand h1{font-size:18px}.ag-signup .su-toplinks{top:32px;right:24px;font-size:12px}.ag-signup .su-toplinks a:last-child{display:none}.ag-signup .su-story{padding:0}.ag-signup .su-eyebrow{font-size:8px;margin-bottom:12px}.ag-signup .su-title{font-size:34px;line-height:1.25;margin-bottom:12px}.ag-signup .su-title span{display:inline;margin-left:4px}.ag-signup .su-description{font-size:12px;max-width:350px;line-height:1.8}.ag-signup .su-visual{position:absolute;inset:-16px -40px auto auto;width:220px;height:170px;opacity:.28;z-index:-1;mask-image:linear-gradient(to right,transparent,#000)}.ag-signup [data-vortex-stage]{height:170px;width:210px}.ag-signup .su-protocol,.ag-signup .su-core-label,.ag-signup .su-steps{display:none}.ag-signup .su-card{padding:27px 25px 23px!important;border-radius:22px}.ag-signup .su-card:before{font-size:8px;margin-bottom:16px}.ag-signup .su-card h2{font-size:24px!important}.ag-signup .su-card form{gap:17px;margin-top:22px!important}.ag-signup .su-card input{font-size:16px!important}.ag-signup .su-card-foot{padding-top:16px;margin-top:20px!important;font-size:10px}.ag-signup .su-bottom{bottom:20px;font-size:8px}}
@media(max-width:380px){.ag-signup .su-layout{padding-inline:16px}.ag-signup .su-title{font-size:30px}.ag-signup .su-card{padding-inline:22px!important}}
@media(prefers-reduced-motion:reduce){.ag-signup *{scroll-behavior:auto!important;transition:none!important}}

/* Let the homepage particle field extend across the entire composition. */
.ag-signup .su-particle-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ag-signup .su-particle-field canvas{display:block;width:100%;height:100%;opacity:.8}
.ag-signup .su-visual{height:260px;overflow:visible}
.ag-signup [data-vortex-stage]{width:600px;max-width:none;height:260px}
.ag-signup .su-form-region{position:relative;z-index:1}
.ag-signup .su-card{background:linear-gradient(125deg,rgba(255,255,255,.20),rgba(255,255,255,.025) 70%),rgba(255,255,255,.08);border-color:rgba(255,255,255,.64);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:0 24px 72px rgba(35,45,70,.065),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.12)}
.ag-signup .su-card input{background:rgba(255,255,255,.14)!important;border-color:rgba(115,130,151,.20)!important}
.ag-signup .su-card a[href='/forgot-password']{font-size:12px;line-height:18px;top:0;color:var(--su-muted)}
.ag-signup .su-card a[href='/forgot-password']:hover{color:var(--su-accent)}
.dark .ag-signup .su-card{background:linear-gradient(125deg,rgba(255,255,255,.055),rgba(255,255,255,.008) 70%),rgba(25,30,39,.18);border-color:rgba(255,255,255,.17);box-shadow:0 24px 72px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.035)}
.dark .ag-signup .su-card input{background:rgba(255,255,255,.025)!important}
@media(max-width:760px){
 .ag-signup .su-particle-field canvas{opacity:.48}
 .ag-signup .su-visual{inset:-20px -28px auto auto;width:220px;height:170px;opacity:.3}
 .ag-signup [data-vortex-stage]{width:310px;height:170px}
 .ag-signup .su-card{backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);background:linear-gradient(125deg,rgba(255,255,255,.24),rgba(255,255,255,.04) 70%),rgba(255,255,255,.11)}
}

/* Localized text can wrap without expanding the form or clipping longer greetings. */
.ag-signup [data-su-mode="signup"] .su-title{overflow-wrap:anywhere;hyphens:auto}
.ag-signup [data-su-mode="signup"] .su-toplinks{max-width:calc(100% - 260px);flex-wrap:wrap;justify-content:flex-end;row-gap:6px}
.ag-signup .su-layout[data-su-mode="signup"]:lang(fr) .su-title,.ag-signup .su-layout[data-su-mode="signup"]:lang(ru) .su-title{font-size:clamp(36px,3.7vw,52px)}
@media(max-width:760px){.ag-signup .su-layout[data-su-mode="signup"]:lang(fr) .su-title,.ag-signup .su-layout[data-su-mode="signup"]:lang(ru) .su-title{font-size:32px}.ag-signup [data-su-mode="signup"] .su-toplinks{max-width:calc(100% - 190px)}.ag-signup [data-su-mode="signup"] .su-bottom{padding-inline:16px}}