.registration-page{background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28%), var(--page);width:100%;height:100dvh;padding:24px;overflow:auto}.registration-top{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100%);margin:0 auto 34px;display:flex}.registration-top .app-brand{padding:0}.registration-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);align-items:center;gap:clamp(36px,6vw,64px);width:min(1040px,100%);margin:0 auto;display:grid}.registration-intro h1{max-width:620px;color:var(--text-strong);letter-spacing:-.05em;margin:9px 0 16px;font-size:clamp(36px,4vw,46px);line-height:1.06}.registration-intro>p{max-width:600px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.registration-intro>p strong{color:var(--text-strong)}.registration-benefits{gap:14px;margin-top:28px;display:grid}.registration-benefits>div{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}.registration-benefits>div>span{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:12px;place-items:center;display:grid}.registration-benefits>div>div{gap:3px;display:grid}.registration-benefits strong{color:var(--text-strong);font-size:14px}.registration-benefits small{color:var(--muted);font-size:12px;line-height:1.5}.registration-card{min-width:0;box-shadow:var(--shadow-lg);padding:28px}.registration-card-head{margin-bottom:22px}.registration-card-head h2{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:24px}.registration-card-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.registration-form{gap:15px;display:grid}.registration-submit{width:100%;margin-top:3px}.registration-card-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:20px;padding-top:18px;font-size:13px}.registration-card-footer a{color:var(--text-strong);font-weight:750;text-decoration:none}.registration-card-footer a:hover{text-decoration:underline}.address-combo{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:44px;display:grid;overflow:hidden}.address-combo:focus-within{border-color:var(--muted);box-shadow:var(--focus)}.address-combo input{min-width:0;color:var(--text);background:0 0;outline:0;padding:0 12px;font-size:14px;box-shadow:none!important;border:0!important}.address-combo>span{border-left:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap;align-items:center;padding:0 12px;font-size:13px;display:flex}.account-page{background:var(--page)}.account-notice{margin-bottom:16px}.account-summary{align-items:flex-start;gap:16px;margin-bottom:16px;padding:22px;display:flex}.account-summary-icon{background:var(--surface-3);width:46px;height:46px;color:var(--text-strong);border-radius:13px;flex:none;place-items:center;display:grid}.account-summary h2{overflow-wrap:anywhere;color:var(--text-strong);letter-spacing:-.03em;margin:4px 0 6px;font-size:22px}.account-summary p{max-width:760px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.signed-in-alias{color:var(--muted);margin-top:8px;font-size:11px;display:block}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.account-card{min-width:0}.account-create-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.forward-create{grid-template-columns:minmax(150px,.85fr) minmax(200px,1.15fr);gap:10px;display:grid}.forward-create .button{grid-column:1/-1}.forwarding-warning{margin-bottom:14px}.resource-list{margin-top:16px}.resource-row{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;min-height:58px;padding:9px 4px;display:grid}.resource-row:last-child{border-bottom:0}.resource-icon{background:var(--surface-3);width:38px;height:38px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.resource-icon.accent{background:var(--accent-soft);color:var(--accent)}.resource-copy{gap:3px;min-width:0;display:grid}.resource-copy strong,.resource-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.resource-copy strong{color:var(--text-strong);font-size:13px}.resource-copy small{color:var(--muted);font-size:11px}.row-button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:12px;font-weight:700}.row-button:hover{background:var(--surface-2);color:var(--text-strong)}.row-button.danger{color:var(--danger)}.account-empty{color:var(--muted);text-align:center;padding:28px 8px;font-size:13px}.service-state{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.service-state i{background:var(--muted-2);border-radius:50%;width:8px;height:8px}.service-state.online i{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent)}.service-state.offline i{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb, var(--warning) 12%, transparent)}.account-security{margin-top:16px}.account-security-copy{max-width:760px;color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.password-notice{margin-bottom:14px}.password-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;display:grid}.password-submit{grid-column:1/-1;justify-self:start}.account-help{margin-top:16px}.account-help .card-body{gap:8px;display:grid}.account-help .card-body>div{color:var(--text-strong);align-items:center;gap:9px;display:flex}.account-help p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.verification-page{overflow:auto}.verification-card{text-align:center}.verification-state{justify-items:center;gap:12px;display:grid}.verification-state h1,.verification-state p{margin:0}.verification-state p{color:var(--muted);line-height:1.6}.verification-icon{background:var(--surface-3);width:52px;height:52px;color:var(--muted);border-radius:14px;place-items:center;display:grid}.verification-icon.success{background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success)}.verification-action{margin-top:4px}@media (width<=1080px){.registration-layout{grid-template-columns:1fr;align-items:start;gap:32px}.registration-intro{max-width:720px}.registration-card{width:min(560px,100%)}.account-grid{grid-template-columns:1fr}.password-form{grid-template-columns:1fr 1fr}.password-form .field:first-child{grid-column:1/-1}}@media (width<=720px){.registration-page{padding:18px 16px 28px}.registration-top{margin-bottom:24px}.registration-top .app-brand-copy{display:flex}.registration-intro h1{font-size:clamp(31px,9vw,38px)}.registration-intro>p{font-size:14px}.registration-benefits{margin-top:24px}.registration-card{padding:22px}.account-create-row,.forward-create,.password-form{grid-template-columns:1fr}.forward-create .button,.password-form .field:first-child{grid-column:auto}.account-summary{padding:18px}.resource-row{grid-template-columns:38px minmax(0,1fr) auto}.resource-row>.soft-pill{grid-column:3}.resource-row>.row-button{grid-column:2/-1;justify-self:start}.password-submit{width:100%}}@media (width<=480px){.registration-card{padding:20px 16px}.registration-benefits>div{grid-template-columns:38px minmax(0,1fr)}.registration-benefits>div>span{width:38px;height:38px}.address-combo>span{padding:0 9px;font-size:12px}.account-summary{flex-direction:column}.resource-row{grid-template-columns:36px minmax(0,1fr)}.resource-icon{width:36px;height:36px}.resource-row>.soft-pill,.resource-row>.row-button{grid-column:2;justify-self:start}}
