.sph-shell{--sph-primary:#2563eb;--sph-bg:#f4f7fb;--sph-card:#fff;--sph-text:#172033;background:var(--sph-bg);color:var(--sph-text);border-radius:28px;padding:clamp(18px,4vw,56px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sph-card{max-width:520px;margin:0 auto;background:var(--sph-card);border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:clamp(22px,4vw,38px);box-shadow:0 24px 70px rgba(15,23,42,.10)}
.sph-logo{display:block;max-width:170px;max-height:70px;object-fit:contain;margin:0 auto 22px}.sph-heading{text-align:center;margin-bottom:24px}.sph-heading h2{font-size:clamp(28px,5vw,38px);line-height:1.05;margin:0 0 9px;color:var(--sph-text)}.sph-heading p{margin:0;opacity:.72}
.sph-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:rgba(15,23,42,.05);border-radius:14px;margin-bottom:22px}.sph-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 8px;cursor:pointer;font-weight:700;color:inherit}.sph-tabs button.is-active{background:var(--sph-card);box-shadow:0 3px 12px rgba(15,23,42,.09)}
.sph-pane{display:none}.sph-pane.is-active{display:block}.sph-card label,.sph-account-card label{display:block;font-weight:650;font-size:14px;margin:0 0 14px}.sph-card input,.sph-card select,.sph-account-card input,.sph-account-card select{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid rgba(15,23,42,.16);border-radius:12px;padding:12px 13px;background:#fff;color:#111827;min-height:46px}.sph-card input:focus,.sph-card select:focus,.sph-account-card input:focus,.sph-account-card select:focus{outline:3px solid color-mix(in srgb,var(--sph-primary) 18%,transparent);border-color:var(--sph-primary)}
.sph-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sph-check{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important}.sph-check input{width:auto!important;min-height:0!important;margin:3px 0 0!important}.sph-password{position:relative}.sph-password input{padding-right:82px}.sph-password button{position:absolute;right:8px;top:14px;border:0;background:transparent;color:var(--sph-primary);font-weight:700;cursor:pointer}
.sph-btn{display:block;box-sizing:border-box;width:100%;border:0;border-radius:13px;padding:13px 16px;background:var(--sph-primary,#2563eb);color:#fff!important;text-align:center;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 10px 20px color-mix(in srgb,var(--sph-primary) 24%,transparent);transition:transform .18s ease,box-shadow .18s ease}.sph-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px color-mix(in srgb,var(--sph-primary) 28%,transparent)}.sph-link{color:var(--sph-primary,#2563eb);font-weight:700;text-decoration:none}.sph-logged{text-align:center}.sph-logged .sph-link{display:block;margin-top:16px}.sph-muted{font-size:13px;opacity:.65;line-height:1.45}.sph-card small{font-weight:500;opacity:.65}
.sph-notice{padding:11px 13px;border-radius:12px;margin:0 0 16px;font-size:14px}.sph-notice.success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.sph-notice.error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}
.sph-account{max-width:1100px;margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sph-account-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.sph-account-head h2{margin:0}.sph-account-head p{margin:4px 0 0;opacity:.65}.sph-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px}.sph-account-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:24px;box-shadow:0 15px 45px rgba(15,23,42,.06)}.sph-account-card h3{margin-top:0}.sph-docs{margin-top:18px}.sph-doc{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-top:1px solid rgba(15,23,42,.08)}.sph-doc small{display:block;opacity:.58;margin-top:3px}.sph-doc a{font-weight:700;text-decoration:none}.sph-account [data-sph-upload-status]{font-size:13px;margin-top:10px}
@media(max-width:700px){.sph-two,.sph-account-grid{grid-template-columns:1fr}.sph-tabs{grid-template-columns:1fr}.sph-account-head{align-items:flex-start;flex-direction:column}.sph-shell{border-radius:18px}.sph-card{border-radius:18px;padding:20px}}
@media(prefers-reduced-motion:reduce){.sph-btn{transition:none}}