/* SoftSync v2.20.0 UI system — responsive, accessible navigation and consistent controls */
:root{color-scheme:dark;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e8eff9;background:#0b1220;--bg:#0b1220;--panel:#131f33;--border:#304158;--muted:#9eb0c9;--accent:#68aaff;--focus:#8ec5ff}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}a{color:#83bcff;text-decoration:none}a:hover{text-decoration:underline}button,a,input,textarea,select,summary{transition:border-color .14s,background-color .14s,box-shadow .14s}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sidebar{width:265px;flex-shrink:0;background:#101a2b;border-right:1px solid #25354c;padding:22px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:13px;padding:10px 11px 29px;color:#e9f3ff;font-size:23px}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:2.5px;color:#9badc7}.brand-mark{display:grid;place-items:center;background:linear-gradient(180deg,#ffffff,#dbe8ff);border:1px solid #3d5680;border-radius:14px;width:52px;height:52px;box-shadow:0 10px 24px #0000002c;overflow:hidden;flex:0 0 52px}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.sidebar nav{display:grid;gap:5px}.nav-group{margin-top:14px}.nav-group summary{list-style:none;cursor:pointer;color:#899ebb;font-size:11px;font-weight:750;letter-spacing:1.35px;padding:8px 13px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:before{content:'▾';margin-right:8px}.nav-group:not([open]) summary:before{content:'▸'}.nav-children{display:grid;gap:3px}.nav-link{display:block;padding:11px 13px;border-radius:10px;color:#c9d7e9;font-size:14px}.nav-link:hover,.nav-link.active{background:#213957;color:#fff;text-decoration:none}.nav-link.active{box-shadow:inset 3px 0 0 #75b4ff}.sidefoot{margin-top:auto;border-top:1px solid #293a52;padding:19px 12px;color:#899fb9;font-size:12px;line-height:2}.status-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#48c49a;margin-right:8px}main{flex:1;min-width:0;display:flex;flex-direction:column}.top{min-height:73px;border-bottom:1px solid #27384e;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,3vw,42px);background:#101b2d}.top-title{font-weight:750;display:flex;align-items:center;gap:10px}.mobile-mark{display:none}.mobile-mark img{display:block;width:26px;height:26px;border-radius:50%;box-shadow:0 3px 12px #00000035}.user{display:flex;align-items:center;gap:16px;color:#b2c4dc;font-size:13px}.signout{padding:8px 13px;border:1px solid #3a506b;border-radius:9px}.content{width:100%;max-width:1440px;margin:0 auto;padding:clamp(18px,3vw,40px);flex:1}.heading{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}h1{font-size:clamp(23px,2.7vw,30px);line-height:1.2;margin:0 0 10px;letter-spacing:-.5px}h2{font-size:18px;margin:0 0 18px}h3{font-size:15px;margin:23px 0 12px}p{color:#aebfd5;line-height:1.65}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:clamp(17px,2.5vw,28px);margin:19px 0;overflow:auto;box-shadow:0 10px 30px #00000012}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid .panel{margin:0}table{width:100%;border-collapse:collapse;min-width:460px}th,td{text-align:left;border-bottom:1px solid #2b3d54;padding:14px 12px;font-size:14px}th{color:#b6c8e0;background:#182740;font-weight:650}tr:hover td{background:#17263a}label{display:block;margin:15px 0 6px;color:#d7e4f5;font-size:13px;font-weight:600}input,textarea,select{width:100%;background:#0c1728;border:1px solid #415672;border-radius:9px;padding:12px;color:#f0f6ff;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#7eb7fb;box-shadow:0 0 0 3px #5a9ef52e}input[type=file]{padding:10px}input[type=checkbox],input[type=radio]{width:auto}button,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #4b90e8;border-radius:10px;background:#337ad7;color:white;font-size:14px;font-weight:700;padding:11px 17px;cursor:pointer;margin-top:14px;min-height:42px}button:hover,.btn:hover{background:#478fe9;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.login{max-width:520px;margin:48px auto}.pill{font-size:12px;padding:5px 10px;border:1px solid #5178a1;border-radius:30px}.big{font-size:48px;color:#e4f1ff;font-weight:750;margin:0}pre{overflow:auto;background:#091321;border:1px solid #253957;padding:15px;border-radius:8px;color:#b3cdf1;white-space:pre-wrap;overflow-wrap:anywhere}.error{background:#5c2532;color:#ffe1e6;padding:12px;border-radius:8px}.app-footer{padding:20px 38px;color:#8497b3;font-size:12px;border-top:1px solid #22344b}#toast-region{position:fixed;right:20px;top:86px;z-index:1200;display:grid;gap:9px;max-width:min(420px,calc(100vw - 40px))}.toast{position:relative;background:#1b3048;border:1px solid #4d749f;color:#f1f8ff;box-shadow:0 15px 40px #0008;border-radius:12px;padding:14px 52px 14px 18px;font-weight:550}.toast-success{border-left:4px solid #59d4a2}.toast-error{border-left:4px solid #fb8e98}.toast-close{position:absolute;right:9px;top:8px;background:transparent;border:0;padding:2px 9px;min-height:28px;margin:0;font-size:22px}.toast-close:hover{background:#ffffff22}@media(max-width:850px){body{display:block}.sidebar{position:static;width:100%;height:auto;padding:11px 15px}.brand{padding:7px 8px 14px}.sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.nav-group{margin:0}.nav-children{display:flex;flex-wrap:wrap}.nav-group summary{padding:10px}.nav-link{padding:8px 10px}.sidefoot{display:none}.top{padding:14px 18px}.content{padding:16px}.grid{grid-template-columns:1fr}.app-footer{padding:18px}#toast-region{top:15px}.mobile-mark{display:inline-flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* v2.34.0 Plesk UI repair: keep all artwork contained inside the brand icon. */
.sidebar .brand{min-height:72px;padding:7px 8px 18px;gap:12px;overflow:hidden;isolation:isolate}
.sidebar .brand-mark{display:block!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important;flex:0 0 46px!important;background:#102345 url('/assets/branding/softsync-logo-512.png') center center/contain no-repeat!important;border-radius:12px;border:1px solid #3c638c;overflow:hidden!important}
.sidebar .brand-mark img{display:none!important}
.sidebar .brand strong{font-size:22px;line-height:1.2}
.sidebar .brand small{font-size:9px;letter-spacing:1.6px}
.sidebar nav{position:relative;z-index:1}
.top .mobile-mark{width:26px;height:26px;overflow:hidden;flex:0 0 26px}
.top .mobile-mark img{max-width:26px;max-height:26px;object-fit:contain}

/* MFA QR enrolment · accessible mobile layout and long setup URI containment */
.mfa-qr-wrap{max-width:100%;margin:18px 0 22px;text-align:center}
.mfa-qr{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dce8fa;border-radius:16px;padding:14px;width:min(100%,258px);min-height:258px;margin:0 auto}
.mfa-qr svg{max-width:100%;height:auto;display:block;image-rendering:pixelated}
.mfa-qr-hint{font-size:12px;color:#aebfd5;max-width:360px;margin:9px auto}
.mfa-manual{max-width:100%;border:1px solid var(--border);border-radius:12px;padding:13px 15px;margin-bottom:18px}
.mfa-manual summary{cursor:pointer;font-weight:650;color:#eaf3ff}
.mfa-manual pre,.mfa-setup-uri,.mfa-setup-uri code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.panel.login{overflow:hidden;max-width:min(540px,100%)}

/* Repository file manager */
.gb-manager{margin-top:1rem}.gb-toolbar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.gb-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.gb-panels form{border:1px solid #314765;border-radius:12px;padding:1rem;min-width:0}.gb-drop{border-style:dashed!important;display:flex;flex-direction:column;gap:.7rem}.gb-drop.gb-over{outline:3px solid #63aaff;background:#162b45}.gb-panels input[type=file]{max-width:100%;width:100%}.gb-panels button{margin-top:.6rem}

tr[data-fm-path]{cursor:grab}tr[data-fm-path].gb-over{outline:2px dashed #63aaff;background:#162b45}

/* v2.40.0 repository workspace — GitHub-inspired, accessible, responsive */
.repo-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--border);padding:0 2px;margin:8px 0 18px;scrollbar-width:thin}
.repo-tab{appearance:none;white-space:nowrap;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:13px 15px;min-height:44px;color:var(--muted);font-size:13px;font-weight:650;margin:0;box-shadow:none}
.repo-tab:hover{background:#22334c;color:#fff}
.repo-tab.is-active{color:#f0f6ff;border-color:#68aaff;background:transparent}
.repo-pane[hidden]{display:none!important}.repo-pane{min-width:0}.repo-pane>.panel:first-child,.repo-pane>.grid:first-child{margin-top:0}
.repo-pane .panel{border-radius:11px;box-shadow:none}.repo-pane h2{margin-bottom:12px}.repo-workspace .grid{align-items:start}
.repo-file-table td:first-child{font-weight:570}.repo-file-table tr:hover td{background:#1d3047}
.repo-workspace .gb-manager{border-color:#365b83}.repo-workspace .gb-toolbar{background:#10223a;border-radius:9px;padding:12px}
@media(max-width:700px){.repo-tabs{margin-left:-8px;margin-right:-8px}.repo-tab{padding:11px 12px}.repo-workspace .panel{padding:14px}.repo-workspace table{min-width:410px}}

/* v2.40.1 UI usability refinements */
.repo-tabs{position:relative;scroll-padding-inline:8px;gap:5px;align-items:center} .repo-tab{font-weight:650;line-height:1.3}.repo-tab[aria-selected="true"]{color:#e9f5ff;border-bottom-color:#75b5ff}.repo-tab:focus-visible{outline:2px solid #9bd2ff;outline-offset:-3px}.repo-pane{padding-top:1px}.repo-pane>.grid{margin-block:16px}.repo-pane .panel{min-width:0}.repo-file-table{min-width:540px}.repo-file-table td:last-child{white-space:nowrap}.repo-pane pre{max-height:380px;overflow:auto}.repo-tabs::-webkit-scrollbar{height:5px}.repo-tabs::-webkit-scrollbar-thumb{background:#456080;border-radius:5px} @media(max-width:700px){.repo-file-table{min-width:410px}.repo-pane>.grid{gap:12px}}

/* SoftSync file workspace */
.fm-workspace{position:relative;min-height:320px}.fm-head,.fm-actions,.fm-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.fm-head h2{margin:0 0 8px}.fm-crumbs{font-size:13px;display:flex;gap:8px;flex-wrap:wrap}.fm-action-trigger{background:#2469bd}.fm-action-menu,.fm-context{position:absolute;z-index:30;background:#16253d;border:1px solid #405572;box-shadow:0 12px 28px #0008;border-radius:9px;padding:6px;min-width:170px}.fm-action-menu{right:26px;top:65px}.fm-action-menu[hidden],.fm-context[hidden]{display:none}.fm-action-menu button,.fm-context button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:10px;color:#e9f0ff;border-radius:5px}.fm-action-menu button:hover,.fm-context button:hover{background:#284467}.fm-table-wrap{overflow:auto;margin-top:16px}.fm-table{width:100%}.fm-table th:first-child,.fm-table td:first-child{width:42px}.fm-table th:last-child,.fm-table td:last-child{width:75px}.fm-row.fm-selected{background:#193c5c}.fm-row.fm-target{outline:2px solid #57b6ff}.fm-item-link{font-weight:600}.fm-more{background:transparent;border:1px solid #405572;padding:4px 12px}.fm-drop-hint,.fm-empty{padding:20px 8px;color:#9eb3d3;text-align:center}.fm-workspace.fm-over{outline:3px dashed #58a6ff}.fm-dialog{background:#14233a;color:#f0f6ff;border:1px solid #516886;border-radius:12px;padding:22px;width:min(600px,92vw);max-height:88vh;overflow:auto}.fm-dialog::backdrop{background:#050b16ba}.fm-dialog #fm-operation{display:grid;gap:10px}.fm-dialog textarea{min-height:190px}.fm-dialog [hidden]{display:none!important}@media(max-width:680px){.fm-head{align-items:flex-start}.fm-actions{width:100%;justify-content:flex-start}}

/* SoftSync workspace usability improvements */
.fm-action-menu{top:65px;max-height:min(440px,calc(100vh - 145px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.fm-context{max-height:min(360px,55vh);overflow-y:auto;scrollbar-width:thin}
.fm-workspace{isolation:isolate}.fm-workspace .fm-table-wrap{min-height:190px;max-height:65vh;overflow:auto}
.fm-head{align-items:flex-start}.fm-actions{align-items:center;justify-content:flex-end}.fm-actions .fm-expand{background:#182e49;border:1px solid #456087}
.fm-drop-hint{display:block;width:100%;margin-top:12px;background:#102944;border:1px dashed #4389cb;border-radius:10px;cursor:pointer;min-height:76px}.fm-drop-hint:hover,.fm-workspace.fm-over .fm-drop-hint{background:#17416b;border-color:#7ac4ff}
.fm-dialog{width:min(850px,96vw);max-height:92dvh;padding:0;overflow:auto}.fm-dialog-head{position:sticky;top:0;background:#14233a;padding:18px 24px;z-index:2;border-bottom:1px solid #30465e}.fm-dialog #fm-operation{padding:20px 24px;gap:12px}.fm-dialog textarea{min-height:280px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4;resize:vertical}.fm-dialog #fm-operation button[type=submit]{min-height:44px}.fm-dialog.fm-dialog-expanded{width:98vw;max-width:none;height:95dvh;max-height:95dvh}.fm-dialog.fm-dialog-expanded #fm-operation textarea{min-height:55dvh}
.fm-workspace.fm-expanded{position:fixed;inset:10px;z-index:200;background:#101d30;overflow:auto;padding:22px;margin:0;max-height:calc(100dvh - 20px);border:2px solid #396a9a;border-radius:12px;box-shadow:0 0 0 100vmax #000b}.fm-workspace.fm-expanded .fm-table-wrap{max-height:65dvh;min-height:42dvh}.fm-workspace.fm-expanded .fm-action-menu{top:78px}
@media(max-width:760px){.fm-dialog{width:96vw}.fm-dialog #fm-operation{padding:15px}.fm-actions{width:100%;justify-content:flex-start;gap:8px}.fm-action-menu{right:8px;top:108px;max-height:45vh}.fm-workspace.fm-expanded{inset:3px;padding:12px}}

/* Signed-out actions are always POST forms with CSRF. */
.signout-form{display:inline-flex;margin:0}.signout-form button.signout{font:inherit;cursor:pointer}

/* v3.0.7: compact consistent quick-action links and responsive heading shortcuts. */
.gb-quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:235px}
.gb-quick-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;min-height:32px;background:#1d3755;color:#d9edff;border:1px solid #395c82;border-radius:8px;font-weight:650;font-size:12px;white-space:nowrap}
.gb-quick-link:hover,.gb-header-shortcuts a:hover{background:#2d527b;color:#fff;text-decoration:none}
.gb-header-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-left:auto}
.gb-header-shortcuts a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #39516f;border-radius:8px;background:#172c44;color:#d1e4f8;font-size:12px;font-weight:650}
@media(max-width:1050px){.gb-header-shortcuts{max-width:350px}.gb-header-shortcuts a{padding:6px 8px}}
@media(max-width:750px){.top{flex-wrap:wrap}.gb-header-shortcuts{order:3;max-width:none;width:100%}.gb-quick-actions{min-width:0}}

/* v3.0.21 restricted application diagnostics */
.gb-error-table{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.gb-error-table table{min-width:980px}
.gb-error-table td{vertical-align:top;max-width:360px;overflow-wrap:anywhere}
.gb-error-table details{margin-top:8px;border-top:1px solid #304158;padding-top:7px}
.gb-error-table summary{cursor:pointer;color:#83bcff;font-weight:650}
.gb-error-table small{color:#aebfd5}

/* Administrative moderation, safe diagnostic popups and branded public status pages. */
.gb-standalone-message{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:25px}.gb-message-main{width:min(620px,100%)}
.gb-inline-actions{min-width:min(520px,80vw);max-width:760px;padding:12px;border:1px solid var(--border);border-radius:10px;display:grid;gap:18px}.gb-inline-actions form+form{border-top:1px solid var(--border);padding-top:15px}
.gb-log-open{background:transparent;border:1px solid #58769c;padding:6px 11px;min-height:32px;margin:0;color:#9ed0ff;font-family:ui-monospace,Consolas,monospace}.gb-log-open:hover{background:#213e5b}.gb-log-dialog{width:min(700px,94vw);max-height:84dvh;overflow:auto;background:#14233a;color:#ebf3ff;border:1px solid #526d92;border-radius:14px;padding:24px;box-shadow:0 30px 65px #0009}.gb-log-dialog::backdrop{background:#030c19d9}.gb-dialog-header{display:flex;gap:18px;justify-content:space-between;align-items:center;border-bottom:1px solid #354762;margin-bottom:12px}.gb-log-dialog dt{font-weight:700;color:#a9c3e5;margin-top:14px}.gb-log-dialog dd{margin:3px 0 8px;overflow-wrap:anywhere;color:#e7f1ff}.gb-log-dialog button{margin-top:0}
.gb-code-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #334960;background:#0b192a;padding:8px 10px;border-radius:8px}.gb-code-tools[hidden]{display:none}.gb-code-tools span{font:12px ui-monospace,Consolas,monospace;color:#a8c5e8}.gb-code-tools input{width:min(150px,100%);padding:7px;font-size:12px}.gb-code-tools button{min-height:32px;margin:0;padding:6px 10px;font-size:12px}.fm-dialog textarea[name=content]{font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}

/* Public access: deliberately omit private application navigation and sidebar. */
body.gb-public-auth{display:block;min-height:100vh;background:radial-gradient(circle at 85% 10%,#142b49 0,#0b1220 46%)}
.gb-public-auth main{min-height:100vh}.gb-public-auth .top{padding-inline:clamp(18px,4vw,55px)}
.gb-auth-brand{color:#e9f3ff;font-weight:800;font-size:20px;letter-spacing:-.3px}.gb-auth-brand small{display:block;letter-spacing:2px;font-weight:600;font-size:9px;color:#9cbce5}
.gb-public-auth .top .user{gap:15px;flex-wrap:wrap}.gb-public-auth .content{max-width:1120px}
.gb-auth-cards{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px;margin:5vh auto;max-width:1000px}
.gb-auth-cards .login{max-width:none;margin:0}.gb-auth-cards .gb-auth-side{margin:0}
.gb-register-panel{max-width:920px;margin:18px auto}.gb-register-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 22px}
.gb-register-grid .gb-wide{grid-column:1/-1}.gb-agreements{border-top:1px solid #304158;margin-top:25px;padding-top:12px}
.gb-agreements label{display:flex;align-items:flex-start;gap:10px;font-weight:400}.gb-agreements input{margin-top:5px}
.gb-native-captcha{border:1px solid #436282;background:#0e2035;border-radius:12px;padding:18px;margin:20px 0}
.gb-native-captcha h2{font-size:18px;margin:0 0 10px}.gb-captcha-image{border-radius:10px;display:block;max-width:100%;height:auto;margin:12px 0}
.gb-native-captcha input[name="captcha_answer"]{max-width:340px;font-size:17px;letter-spacing:.09em;text-transform:uppercase}
.gb-native-captcha small{display:block;color:#adc8e5;margin-top:8px}
.gb-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.gb-auth-notice{padding:16px;background:#20324b;border-left:3px solid #e3b875;border-radius:8px;color:#f0dfb8}
.gb-legal{max-width:920px;margin:40px auto}.gb-legal h2{margin-top:22px}
@media(max-width:760px){.gb-auth-cards,.gb-register-grid{grid-template-columns:1fr}.gb-register-grid .gb-wide{grid-column:auto}.gb-public-auth .top{flex-wrap:wrap}}

/* SoftSync platform landing and module marketplace */
.ss-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,0.8fr);gap:36px;align-items:center;padding:58px 38px;border-radius:18px;background:linear-gradient(125deg,#152b48,#101a2c);border:1px solid #274363;margin:10px auto 28px;max-width:1200px}.ss-hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.16;margin:18px 0}.ss-hero p{font-size:1.06rem;line-height:1.65;max-width:620px}.ss-hero-logo img{max-width:100%;height:auto}.ss-eyebrow{color:#71c3ff;letter-spacing:2px;font-weight:700;font-size:.78rem}.ss-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.ss-secondary{background:transparent!important;border:1px solid #577ca4!important}.ss-muted{opacity:.75;font-size:.88rem!important}.ss-feature-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ss-feature-grid .panel{min-width:0}.ss-landing-foot{text-align:center;margin:28px auto}.gb-addon-selector{margin:22px 0;padding:20px;border:1px solid #355276;border-radius:12px}.gb-addon-choice{display:block;padding:13px;border:1px solid #335072;border-radius:9px;margin:10px 0;cursor:pointer}.gb-addon-choice input{margin-right:10px}@media(max-width:790px){.ss-hero{grid-template-columns:1fr;padding:26px 20px}.ss-feature-grid{grid-template-columns:1fr}.ss-hero-logo{display:none}}

/* SoftSync Milestone 1: responsive public onboarding and progressive wizard. */
.ss-public-heading{max-width:780px;margin:25px auto 28px;text-align:center}.ss-public-heading h1{font-size:clamp(2rem,4vw,3rem);margin:12px 0}.ss-public-heading p{line-height:1.7;color:#b4c8df}.ss-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.ss-plan{min-width:0}.ss-plan ul{padding-left:20px;line-height:1.9}.ss-faq{max-width:900px;margin:auto;display:grid;gap:12px}.ss-faq details{padding:18px 22px}.ss-faq summary{cursor:pointer;font-weight:700}.ss-faq details p{line-height:1.6;margin-bottom:0}.ss-public-tail{text-align:center;margin:24px auto}.ss-reg-step{border:0;padding:0;margin:0;min-width:0}.ss-reg-step legend{font-weight:750;font-size:1.2rem;padding:0 0 10px}.ss-wizard-active .ss-reg-step[hidden]{display:none!important}.ss-wizard-active [data-ss-back][hidden],.ss-wizard-active [data-ss-next][hidden],.ss-wizard-active [data-ss-submit][hidden]{display:none!important}.ss-wizard-progress{display:none;gap:8px;margin:16px 0 24px}.ss-wizard-active .ss-wizard-progress{display:grid}.ss-wizard-progress progress{width:100%;height:12px;accent-color:#6cabff}.ss-wizard-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.ss-wizard-controls button{min-width:170px}.ss-inline-check{display:flex;align-items:center;gap:10px;margin:14px 0}.ss-inline-check input{width:auto}.ss-register-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.ss-register-benefits span{padding:12px;background:#132b45;border:1px solid #345676;border-radius:8px}.ss-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.ss-usage-card{padding:12px;border:1px solid #34506d;border-radius:10px}.ss-usage-card strong{display:block;margin-bottom:5px}.ss-usage-card meter{width:100%;height:14px;accent-color:#64aaff}.ss-usage-card small{display:block;color:#bacadd;margin-top:4px}@media(max-width:790px){.ss-plan-grid,.ss-register-benefits,.ss-usage-grid{grid-template-columns:1fr}}