.nsp-account{max-width:1160px;margin:0 auto;padding:3.5rem 1.25rem 5rem;color:#f5f1e8}
.account-hero{max-width:760px;padding:1rem 0 3rem}
.account-eyebrow{font:600 .72rem/1.5 system-ui,sans-serif;letter-spacing:.19em;color:#d8ba72}
.account-hero h1{font-size:clamp(2.8rem,7vw,5.4rem);line-height:1.05;letter-spacing:-.045em;margin:.75rem 0 1.5rem}
.account-hero>p:last-child{font-size:1.12rem;color:#c6c5d0;max-width:550px}
.account-panel{padding:clamp(1.25rem,3vw,2.4rem);border:1px solid #34313f;border-radius:20px;background:linear-gradient(135deg,#171724,#10131c);margin-bottom:1.4rem}
.account-panel h2{font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.02em;margin:.45rem 0 1rem}
.account-panel p,.account-footnote p{line-height:1.65}
.account-section-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.account-signins{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.75rem 0}
.account-signins form{margin:0}
.account-signins small{display:block;margin-top:.6rem;color:#c1bdc9;font-size:.78rem}
.nsp-account button,.nsp-account input,.nsp-account summary,.account-open-link{font:inherit}
.nsp-account button,.account-open-link{min-height:46px;border-radius:9px;cursor:pointer;padding:.75rem 1rem;font-weight:600}
.account-provider{width:100%;background:#fff;color:#202124;border:1px solid #dadce0}
.account-provider-apple,.account-provider-x,.account-provider-github{background:#080a0d;color:#fff;border-color:#676976}
.account-provider-facebook{background:#0866ff;color:#fff;border-color:#0866ff}
.nsp-account button:disabled{opacity:.65;cursor:not-allowed}
.account-primary{background:#e9cd8a;border:1px solid #e9cd8a;color:#17131c}
.account-secondary{background:transparent;border:1px solid #727181;color:#f5f1e8}
.account-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.account-ai-card{display:flex;flex-direction:column;align-items:stretch;background:#0b1019;border:1px solid #393546;border-radius:13px;padding:1.3rem;min-width:0}
.account-ai-heading h3{font-size:1.2rem;margin:0 0 .6rem}
.account-status{display:inline-block;font-size:.72rem;padding:.3rem .55rem;border:1px solid #555564;border-radius:20px;color:#d2cfda}
.account-status.is-connected{color:#aff1d4;border-color:#427660}
.account-open-link{display:block;text-align:center;text-decoration:none!important;color:#efe1b4!important;background:#1c1e2c;border:1px solid #4f4b5e;margin-top:auto}
.account-open-link:hover,.account-secondary:hover{background:#303043}
.account-connect-form{margin:1.2rem 0}
.account-connect-form summary{color:#e9cd8a;cursor:pointer;min-height:44px;line-height:1.5}
.account-connect-form form{display:grid;gap:.7rem;padding:.5rem 0}
.nsp-account input:not([type=hidden]):not([type=checkbox]){box-sizing:border-box;width:100%;min-height:44px;background:#090c12;color:#fff;border:1px solid #737182;border-radius:6px;padding:.6rem}
.account-consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.82rem;line-height:1.5}
.account-consent input{margin-top:.25rem;width:18px;height:18px;flex:0 0 18px}
.account-text-link{font-size:.85rem;color:#e9cd8a!important;margin:0 0 1.5rem}
.nsp-account .account-fine{color:#c5c2d0;font-size:.87rem;line-height:1.65}
.account-fine a,.account-footnote a{color:#e9cd8a}
.account-notice{padding:1rem 1.25rem;background:#222b39;border:1px solid #8683a3;border-radius:10px;line-height:1.5}
.account-footnote{max-width:820px;padding:1.5rem .5rem;color:#c5c2d0;font-size:.9rem}
.account-footnote h2{font-size:1.15rem;color:#ede6d7}
.account-footnote summary{cursor:pointer;line-height:1.6;min-height:44px}
.account-delete{display:grid;gap:.75rem;max-width:390px}
.nsp-account :is(a,button,input,summary):focus-visible{outline:3px solid #b7b4ff;outline-offset:4px}
.nsp-account :is(button,a,summary){touch-action:manipulation}
@media(max-width:850px){.account-ai-grid{grid-template-columns:1fr}
.account-open-link{margin-top:1.2rem}
}
@media(max-width:480px){.nsp-account{padding-top:2rem}
.account-signins{grid-template-columns:1fr}
.account-section-head{align-items:flex-start;flex-direction:column}
}
