:root{--navy:#082f49;--navy2:#0c4a6e;--blue:#0284c7;--cyan:#22d3ee;--teal:#0f766e;--coral:#f97360;--ink:#102a43;--muted:#64748b;--bg:#f8fbfd;--soft:#eef8fb;--line:#dbe7ee;--white:#fff;--green:#15803d;--amber:#b45309;--shadow:0 14px 38px rgba(8,47,73,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}a{color:inherit}.container{width:min(1460px,calc(100% - 34px));margin:auto}.container.medium{max-width:1100px}.container.narrow{max-width:780px}.boot{min-height:100vh;display:grid;place-items:center;color:var(--navy);font-weight:800}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-lockup{display:flex;flex-direction:column;line-height:1}.shc-word{position:relative;color:var(--navy);font-size:34px;font-weight:950;letter-spacing:-2px}.shc-word:after{content:"";position:absolute;right:-2px;top:-1px;width:10px;height:10px;background:var(--cyan);transform:rotate(45deg);border-radius:2px}.brand-sub{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#527184;font-weight:800;margin-top:5px}.nav{display:flex;align-items:center;gap:4px}.nav a{text-decoration:none;color:var(--navy);font-size:14px;font-weight:750;padding:10px 11px;border-radius:10px}.nav a:hover{background:var(--soft)}.nav .cta{background:var(--navy);color:#fff;padding-inline:15px}.nav .cta:hover{background:var(--navy2)}.mobile-menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:800;color:var(--navy)}.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#edfaff 58%,#e9fbf7 100%);border-bottom:1px solid var(--line);padding:58px 0 48px}.page-hero:after{content:"";position:absolute;right:-100px;top:-150px;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.18),rgba(34,211,238,0) 68%)}.home-hero{padding:76px 0 64px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:52px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:#e2f7fb;color:var(--navy2);border:1px solid #c4eef5;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:850;letter-spacing:.15px}.eyebrow.coral{background:#fff1ed;border-color:#ffd6cc;color:#b8422f}.hero-title{font-size:clamp(42px,5.8vw,76px);line-height:1.02;letter-spacing:-3.2px;color:var(--navy);margin:15px 0 18px;max-width:900px}.page-title{font-size:clamp(38px,4vw,56px);line-height:1.06;letter-spacing:-2px;color:var(--navy);margin:12px 0 12px}.lead{font-size:18px;color:#526b7a;max-width:800px;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.button{border:0;border-radius:11px;padding:12px 16px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:var(--navy2);transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.button.secondary:hover{border-color:#9fc4d4}.button.ghost{background:transparent;color:var(--navy);border:1px solid transparent}.button.small{font-size:12px;padding:9px 10px}.trust-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#506b79;font-size:13px}.trust-note strong{color:var(--navy)}.hero-panel{background:rgba(255,255,255,.88);border:1px solid #d8edf3;border-radius:24px;box-shadow:var(--shadow);padding:20px;position:relative}.mini-flow{display:grid;gap:10px}.flow-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.flow-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--soft);color:var(--navy);font-weight:900}.flow-row b{color:var(--navy)}.flow-row span{font-size:12px;color:var(--muted)}.section{padding:62px 0}.section.white{background:#fff}.section.soft{background:var(--soft);border-block:1px solid #e0eff3}.section-title{font-size:clamp(30px,3vw,42px);letter-spacing:-1.4px;color:var(--navy);margin:8px 0 12px;line-height:1.12}.section-copy{color:var(--muted);max-width:760px;margin-top:0}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.role-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 24px rgba(8,47,73,.05);position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;height:5px;left:0;right:0;top:0;background:var(--blue)}.role-card.teal:before{background:var(--teal)}.role-card.coral:before{background:var(--coral)}.role-icon{width:50px;height:50px;border-radius:15px;background:var(--soft);display:grid;place-items:center;color:var(--navy);font-size:22px;font-weight:900;margin-bottom:18px}.role-card h3{font-size:23px;color:var(--navy);margin:0 0 8px}.role-card p{color:var(--muted);margin:0 0 16px}.check-list{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:8px}.check-list li{font-size:14px;color:#385466}.check-list li:before{content:"✓";color:var(--teal);font-weight:900;margin-right:8px}.link-arrow{font-weight:800;color:var(--navy);text-decoration:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.step-no{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:1px}.step h3{color:var(--navy);margin:8px 0}.step p{color:var(--muted);margin:0}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.guide-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.guide-card small{color:var(--blue);font-weight:850}.guide-card h3{font-size:17px;color:var(--navy);margin:8px 0}.guide-card p{font-size:13px;color:var(--muted);margin:0}.directory-wrap{padding:32px 0 70px}.directory-toolbar{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 7px 24px rgba(8,47,73,.045);margin-top:-24px;position:relative;z-index:5}.toolbar-top{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,1fr));gap:9px}.toolbar-more{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px;margin-top:9px}.input,.select{width:100%;border:1px solid #cddfe7;background:#fff;border-radius:10px;padding:11px 12px;font:inherit;color:var(--ink);outline:none}.input:focus,.select:focus{border-color:#75bdd8;box-shadow:0 0 0 3px rgba(2,132,199,.1)}.toolbar-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 2px 14px;color:var(--muted);font-size:13px}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750;color:var(--navy);cursor:pointer}.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.professional-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.pro-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 8px 24px rgba(8,47,73,.045);min-width:0;position:relative;display:flex;flex-direction:column;transition:.16s ease}.pro-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c4dce6}.sponsored{position:absolute;right:11px;top:11px;background:#fff0eb;color:#a73b2b;border:1px solid #ffd1c6;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:850}.profile-top{display:flex;align-items:center;gap:10px;padding-right:40px}.avatar{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#dff7fb,#e8f4ff);color:var(--navy);font-weight:950;font-size:16px}.pro-name{font-size:15px;color:var(--navy);font-weight:850;line-height:1.2;margin:0}.verified-line{font-size:11px;color:var(--green);font-weight:800;margin-top:4px}.verified-line:before{content:"✓";display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#dcfce7;margin-right:4px}.pro-meta{display:grid;gap:7px;margin:13px 0;font-size:12px;color:#526b7a}.meta-row{display:flex;gap:6px;align-items:flex-start}.meta-icon{color:var(--blue);font-weight:900;min-width:14px}.service-tags{display:flex;gap:5px;flex-wrap:wrap;margin:3px 0 12px}.service-tag{background:#f1f7fa;border:1px solid #e0ebf0;color:#3b5d6c;border-radius:7px;padding:4px 6px;font-size:10px;font-weight:700}.fee-row{display:flex;justify-content:space-between;gap:8px;align-items:end;border-top:1px solid #edf2f5;padding-top:11px;margin-top:auto}.fee-label{font-size:10px;color:var(--muted)}.fee{font-size:15px;color:var(--navy);font-weight:900}.reviews{font-size:10px;color:#7a6570;text-align:right}.pro-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:10px}.save-btn{width:39px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;font-size:16px;color:var(--navy)}.save-btn.saved{background:#fff1ed;color:var(--coral);border-color:#ffd0c6}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #b8d2de;border-radius:18px;padding:40px;text-align:center;color:var(--muted)}.form-page{padding:44px 0 76px}.form-layout{display:grid;grid-template-columns:340px minmax(0,760px);gap:28px;justify-content:center;align-items:start}.form-side{position:sticky;top:105px;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;border-radius:22px;padding:24px}.form-side h2{font-size:28px;margin:8px 0}.form-side p{color:#c7dde7;font-size:14px}.form-side .check-list li{color:#d8e9ef}.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.form-card h2{color:var(--navy);margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field.full{grid-column:1/-1}.field label,.label{display:block;font-size:12px;font-weight:800;color:var(--navy);margin:0 0 6px}.help{font-size:11px;color:var(--muted);margin-top:5px}.check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#405a68;margin:10px 0}.check input{width:auto;margin-top:3px}.visa-service-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.visa-service-group{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fbfdff;min-width:0}.visa-service-group legend{padding:0 6px;font-size:11px;font-weight:900;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}.visa-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#405a68;line-height:1.35;margin:8px 0;cursor:pointer}.visa-check input{width:auto;margin-top:2px;flex:0 0 auto}.visa-other-service{margin-top:12px;padding:12px 14px;border:1px dashed #b9d7e2;border-radius:13px;background:#f7fcfe}.visa-other-service .input{margin-top:8px}.visa-other-check{font-weight:800;color:var(--navy)}.naati-ccl-language-panel{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdff}.naati-ccl-language-panel>label{font-size:12px;font-weight:900;color:var(--navy)}.naati-language-toolbar{margin:8px 0 10px}.naati-language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px;max-height:320px;overflow:auto;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.test-exam-grid{margin-top:8px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.test-exam-head,.test-exam-row{display:grid;grid-template-columns:70px minmax(100px,1fr) minmax(180px,220px);gap:12px;align-items:center;padding:11px 14px}.test-exam-head{background:#f4f8fb;color:var(--navy);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.test-exam-row{border-top:1px solid #edf2f5}.test-exam-row input[type="checkbox"]{width:auto}.test-exam-row label{margin:0;font-size:13px;font-weight:850;color:var(--navy);cursor:pointer}.test-exam-row .input{min-height:40px}.test-class-type-options{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.test-class-type-options .visa-check{margin:0;font-size:13px}@media(max-width:900px){.naati-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.visa-service-groups{grid-template-columns:1fr}.naati-language-grid{grid-template-columns:1fr;max-height:360px}.test-exam-head,.test-exam-row{grid-template-columns:42px minmax(70px,1fr) minmax(130px,1.3fr);gap:8px;padding:10px}.test-exam-head{font-size:9px}}.form-message{font-size:13px;font-weight:800;color:var(--teal);margin:12px 0 0}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 18px}.role-choice{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;cursor:pointer;text-align:left}.role-choice.active{border-color:var(--blue);background:#eefaff;box-shadow:0 0 0 2px rgba(2,132,199,.08)}.role-choice b{display:block;color:var(--navy);font-size:13px}.role-choice span{font-size:10px;color:var(--muted)}.notice{background:#eef9fb;border:1px solid #d2edf2;border-left:4px solid var(--blue);border-radius:11px;padding:12px 14px;color:#315b69;font-size:13px}.warning{background:#fff8ed;border-color:#fde4bb;border-left-color:#f59e0b}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.stat-card small{font-size:11px;color:var(--muted);font-weight:700}.stat-card strong{display:block;color:var(--navy);font-size:28px;margin-top:4px}.admin-table{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.admin-row{display:grid;grid-template-columns:1.2fr 1fr .7fr auto;gap:14px;align-items:center;padding:15px 17px;border-bottom:1px solid #edf2f5}.admin-row:last-child{border-bottom:0}.admin-row b{color:var(--navy)}.status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;background:#eef4f7;color:#4a6370}.status.approved{background:#e8f8ed;color:#166534}.status.rejected{background:#fff0ed;color:#a53f31}.admin-actions{display:flex;gap:6px;justify-content:flex-end}.legal-page{padding:48px 0 80px}.legal-shell{display:grid;grid-template-columns:240px minmax(0,820px);gap:36px;justify-content:center;align-items:start}.legal-nav{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.legal-nav a{display:block;text-decoration:none;color:#4f6977;padding:7px 8px;font-size:12px;border-radius:8px}.legal-nav a:hover{background:var(--soft);color:var(--navy)}.legal-content{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.legal-content h1{font-size:40px;color:var(--navy);line-height:1.1;margin:9px 0}.legal-content h2{font-size:21px;color:var(--navy);margin:28px 0 8px}.legal-content p,.legal-content li{color:#536c79;font-size:14px}.footer{background:#06283d;color:#e4f0f5;padding:44px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 11px;color:#9ec5d6}.footer a{display:block;color:#dceaf0;text-decoration:none;font-size:13px;margin:7px 0}.footer p{color:#a9c6d2;font-size:13px;max-width:430px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:19px;color:#8eb3c2;font-size:11px;display:flex;justify-content:space-between;gap:20px}.toast{position:fixed;right:18px;bottom:18px;background:var(--navy);color:#fff;border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);font-size:13px;font-weight:750;z-index:90;max-width:360px}.hide{display:none!important}@media(max-width:1280px){.professional-grid{grid-template-columns:repeat(4,1fr)}.nav a{padding:9px 8px;font-size:13px}}@media(max-width:1040px){.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:680px}.professional-grid{grid-template-columns:repeat(3,1fr)}.toolbar-top{grid-template-columns:2fr repeat(2,1fr)}.toolbar-more{grid-template-columns:repeat(3,1fr)}.form-layout{grid-template-columns:280px 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}}@media(max-width:820px){.nav{display:none}.mobile-menu{display:block}.role-grid,.steps{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(2,1fr)}.professional-grid{grid-template-columns:repeat(2,1fr)}.toolbar-top,.toolbar-more{grid-template-columns:1fr 1fr}.form-layout,.legal-shell{grid-template-columns:1fr}.form-side,.legal-nav{position:static}.admin-grid{grid-template-columns:repeat(2,1fr)}.admin-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.hero-title{letter-spacing:-2px}}@media(max-width:560px){.container{width:min(100% - 22px,1460px)}.header-inner{min-height:68px}.shc-word{font-size:30px}.brand-sub{display:none}.home-hero{padding:52px 0}.page-hero{padding:40px 0 38px}.hero-title{font-size:43px}.page-title{font-size:38px}.professional-grid,.guide-grid,.toolbar-top,.toolbar-more,.form-grid,.role-selector,.admin-grid,.footer-grid{grid-template-columns:1fr}.pro-card{padding:14px}.form-card{padding:19px}.form-side{display:none}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.toolbar-meta{align-items:flex-start;flex-direction:column}}

/* === SHC Premium Experience 2026 === */
:root{
  --premium-ink:#0a0a0b;
  --premium-text:#17181a;
  --premium-muted:#6f7378;
  --premium-surface:#f5f5f7;
  --premium-line:rgba(17,24,39,.10);
  --premium-blue:#0867ff;
  --premium-cyan:#62e8ff;
  --premium-green:#51d7a4;
  --premium-violet:#8a7dff;
  --premium-shadow:0 28px 90px rgba(4,16,34,.12);
}
body{background:#fff;color:var(--premium-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(15,23,42,.07);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
.header-inner{min-height:70px}
.shc-word{color:#08090a;font-size:31px;letter-spacing:-2.4px}
.shc-word:after{background:var(--premium-blue);width:8px;height:8px}
.brand-sub{color:#797d82;letter-spacing:1.45px}
.nav{gap:2px}
.nav a{color:#222426;font-weight:650;border-radius:999px;padding:9px 12px;transition:background .25s ease,color .25s ease,transform .25s ease}
.nav a:hover{background:#f2f3f5;transform:translateY(-1px)}
.nav .cta{background:#0b0b0c;color:#fff;padding-inline:16px}
.nav .cta:hover{background:#202124}
.footer{background:#090a0c;color:#eef0f2}
.footer .shc-word{color:white!important}
.footer p,.footer-bottom{color:#858b93}
.footer a{color:#cfd3d8}
.footer h4{color:#777e87}
.button{border-radius:999px}
.button.primary{background:#0b0b0c}.button.primary:hover{background:#252628}
.button.secondary{border-color:#dedfe3}
.page-hero{background:linear-gradient(180deg,#fff,#f6f7f9);border-bottom:1px solid #ebedf0}
.page-title,.section-title,.legal-content h1,.form-card h2{color:#111214}
.directory-toolbar,.pro-card,.form-card,.legal-content,.legal-nav,.stat-card,.admin-table{border-color:#e4e6e9;box-shadow:0 12px 42px rgba(7,18,32,.055)}
.pro-card{border-radius:22px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.pro-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(7,18,32,.10)}
.form-side{background:linear-gradient(145deg,#111214,#222830);border-radius:28px}
.input,.select{border-color:#dfe2e6;border-radius:13px;background:#fff}
.input:focus,.select:focus{border-color:#8ab6ff;box-shadow:0 0 0 4px rgba(8,103,255,.10)}

/* Homepage shell */
.premium-home{background:#fff;overflow:hidden}
.premium-home *{box-sizing:border-box}
.premium-hero{min-height:calc(100vh - 70px);position:relative;display:flex;align-items:center;background:
radial-gradient(circle at 78% 28%,rgba(98,232,255,.19),transparent 27%),
radial-gradient(circle at 73% 72%,rgba(138,125,255,.12),transparent 30%),
linear-gradient(180deg,#fff 0%,#f7f8fa 100%);overflow:hidden;padding:72px 0 88px}
.premium-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(14,18,26,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(14,18,26,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 78%)}
.ambient{position:absolute;border-radius:50%;filter:blur(3px);opacity:.65;pointer-events:none}
.ambient-a{width:360px;height:360px;right:-90px;top:80px;background:radial-gradient(circle,rgba(74,168,255,.26),rgba(74,168,255,0) 68%)}
.ambient-b{width:420px;height:420px;left:-180px;bottom:-200px;background:radial-gradient(circle,rgba(91,218,175,.16),rgba(91,218,175,0) 70%)}
.premium-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(470px,.97fr);gap:60px;align-items:center}
.premium-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#5d6268}
.premium-kicker:before{content:"";width:24px;height:1px;background:currentColor;opacity:.55}
.premium-kicker.dark{color:#686d73}
.premium-title{margin:20px 0 20px;font-size:clamp(64px,7.2vw,112px);line-height:.92;letter-spacing:-.065em;color:#090a0b;font-weight:760;max-width:940px}
.premium-title span{background:linear-gradient(90deg,#0b0c0e 10%,#4f5965 52%,#0d6bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-lead{font-size:clamp(18px,1.45vw,22px);line-height:1.55;color:#6d7278;max-width:690px;margin:0}
.premium-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.premium-actions.center{justify-content:center}
.premium-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 23px;border-radius:999px;text-decoration:none;font-weight:760;font-size:14px;letter-spacing:-.01em;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease,border-color .28s ease}
.premium-button:hover{transform:translateY(-2px)}
.premium-button.primary{background:#0a0a0b;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.premium-button.primary:hover{box-shadow:0 17px 35px rgba(0,0,0,.22)}
.premium-button.secondary{background:rgba(255,255,255,.66);color:#17181a;border:1px solid rgba(14,20,28,.12);backdrop-filter:blur(12px)}
.premium-button.light{background:#fff;color:#0a0a0b}
.premium-button.inverse{background:#fff;color:#0b0c0e;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.premium-button.secondary.dark{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.premium-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;font-size:12px;color:#666c73}
.premium-proof span{display:inline-flex;align-items:center;gap:7px}
.premium-proof i{width:7px;height:7px;border-radius:50%;background:#43c894;box-shadow:0 0 0 4px rgba(67,200,148,.11)}
.hero-stage{position:relative;min-height:570px;perspective:1400px;transform-style:preserve-3d;--rx:0deg;--ry:0deg}
.hero-stage:before{content:"";position:absolute;inset:11% 1% 2% 7%;border-radius:50%;background:radial-gradient(circle,rgba(8,103,255,.14),rgba(8,103,255,0) 70%);filter:blur(15px)}
.stage-glow{position:absolute;width:360px;height:360px;border-radius:50%;left:21%;top:18%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(117,185,255,.18),rgba(117,185,255,0) 68%);filter:blur(2px)}
.floating-card{will-change:transform}
.profile-device{position:absolute;left:50%;top:50%;width:min(390px,72%);transform:translate(-50%,-50%) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(var(--mx,0),var(--my,0),0);background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.9);box-shadow:0 44px 100px rgba(24,58,96,.19),inset 0 0 0 1px rgba(15,23,42,.035);border-radius:34px;overflow:hidden;backdrop-filter:blur(22px);transition:transform .18s ease-out}
.device-bar{height:44px;border-bottom:1px solid rgba(16,24,40,.07);display:flex;align-items:center;gap:6px;padding:0 16px}
.device-bar span{width:7px;height:7px;border-radius:50%;background:#d5d8dc}
.device-body{padding:34px 31px 32px}
.profile-badge{font-size:10px;font-weight:850;letter-spacing:.12em;color:#8a8f96}
.profile-avatar{width:82px;height:82px;border-radius:27px;display:grid;place-items:center;margin:24px 0;background:linear-gradient(145deg,#121416,#3d4652);color:#fff;font-size:18px;font-weight:850;box-shadow:0 18px 36px rgba(12,18,27,.20)}
.device-body h3{font-size:31px;letter-spacing:-.045em;margin:0 0 7px;color:#0b0c0d}
.device-body p{font-size:14px;color:#777c82;margin:0 0 26px}
.profile-lines{display:grid;gap:9px}
.profile-lines span{height:10px;border-radius:999px;background:#eceef1}
.profile-lines span:nth-child(1){width:94%}.profile-lines span:nth-child(2){width:75%}.profile-lines span:nth-child(3){width:84%}
.profile-ready{display:flex;align-items:center;justify-content:space-between;margin-top:29px;padding:15px 16px;border-radius:18px;background:#f5f6f8;color:#383d43;font-size:12px;font-weight:700}
.profile-ready b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#111214;color:#fff}
.orbit-card{position:absolute;z-index:3;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;width:270px;padding:13px 14px;border-radius:19px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(21,55,91,.13);backdrop-filter:blur(20px);text-decoration:none;color:#16181a;transition:box-shadow .25s ease,transform .18s ease-out}
.orbit-card:hover{box-shadow:0 30px 70px rgba(21,55,91,.20)}
.orbit-card b{display:block;font-size:13px}.orbit-card small{display:block;font-size:10px;color:#7b8188;margin-top:2px}.orbit-card em{font-style:normal;font-size:9px;font-weight:800;color:#4d7c65;background:#e9f8f0;padding:5px 7px;border-radius:999px}
.orbit-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#0d0f12;color:#fff;font-weight:850}
.orbit-mara{left:0;top:12%;transform:translate3d(var(--mx,0),var(--my,0),35px) rotate(-4deg)}
.orbit-edu{right:-2%;top:39%;transform:translate3d(var(--mx,0),var(--my,0),60px) rotate(4deg)}
.orbit-pte{left:2%;bottom:7%;transform:translate3d(var(--mx,0),var(--my,0),85px) rotate(2deg)}
.hero-scroll-cue{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#92979d;display:flex;gap:7px;align-items:center}
.hero-scroll-cue span{animation:shcBounce 1.8s ease-in-out infinite}
@keyframes shcBounce{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}

.trust-strip{background:#0a0b0d;color:#fff;padding:28px 0}
.trust-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.trust-strip-inner div{padding-left:17px;border-left:1px solid rgba(255,255,255,.15)}
.trust-strip strong{display:block;font-size:13px;margin-bottom:3px}.trust-strip span{display:block;color:#8e949b;font-size:11px;line-height:1.45}

.cinema-section{padding:130px 0}
.paths-section{background:#fff}
.section-intro{max-width:930px;margin-bottom:58px}
.section-intro.centered{text-align:center;margin:0 auto 58px}
.section-intro.centered .premium-kicker{justify-content:center}
.section-intro h2,.journey-copy h2,.principles-head h2,.closing-inner h2{font-size:clamp(48px,5.5vw,82px);line-height:.98;letter-spacing:-.055em;margin:17px 0 0;color:#101113;font-weight:720}
.section-intro h2 span,.closing-inner h2 span{color:#858a90}
.section-intro p{max-width:700px;margin:20px auto 0;color:#7a7f85;font-size:18px}
.path-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;perspective:1200px}
.path-card{min-height:480px;display:flex;flex-direction:column;text-decoration:none;color:#fff;padding:29px;border-radius:32px;overflow:hidden;position:relative;transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d;transition:transform .22s ease-out,box-shadow .3s ease}
.path-card:hover{box-shadow:0 32px 80px rgba(11,20,32,.17)}
.path-card:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-125px;top:-100px;background:radial-gradient(circle,rgba(255,255,255,.20),rgba(255,255,255,0) 66%)}
.path-mara{background:linear-gradient(145deg,#0d1117,#17283b 65%,#164d82)}
.path-edu{background:linear-gradient(145deg,#0f1714,#183c32 68%,#28715d)}
.path-pte{background:linear-gradient(145deg,#17131f,#3c274a 65%,#825f94)}
.path-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.62)}
.path-top em{font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.path-symbol{font-size:120px;font-weight:800;letter-spacing:-.08em;margin:auto 0;color:rgba(255,255,255,.13);text-shadow:0 20px 70px rgba(0,0,0,.22);transform:translateZ(35px)}
.path-card h3{font-size:33px;letter-spacing:-.04em;margin:0 0 10px}
.path-card p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.67);margin:0 0 25px}
.path-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:11px;color:rgba(255,255,255,.65)}
.path-footer b{font-size:12px;color:#fff}

.journey-section{background:#f4f5f7}
.journey-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:84px;align-items:center}
.journey-copy h2{font-size:clamp(50px,5vw,78px)}
.journey-copy>p{font-size:17px;line-height:1.65;color:#747980;max-width:610px}
.journey-steps{display:grid;gap:12px;margin-top:35px}
.journey-step{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;border:1px solid transparent;color:#757a80;transition:.25s}
.journey-step.active{background:#fff;border-color:#e7e8eb;box-shadow:0 15px 38px rgba(16,24,40,.05);color:#1c1f22}
.journey-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9ebee;font-size:11px;font-weight:800}
.journey-step.active>span{background:#111214;color:#fff}
.journey-step b{display:block;font-size:14px}.journey-step small{display:block;font-size:11px;margin-top:2px;color:#8b9096}
.journey-visual{perspective:1400px;transform-style:preserve-3d;--rx:0deg;--ry:0deg;min-height:590px;display:grid;place-items:center}
.browser-shell{width:100%;max-width:760px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);border-radius:30px;box-shadow:0 44px 100px rgba(25,38,58,.17);overflow:hidden;transform:rotateX(calc(var(--rx) + 1deg)) rotateY(calc(var(--ry) - 4deg)) translate3d(var(--mx,0),var(--my,0),0);transition:transform .18s ease-out;backdrop-filter:blur(22px)}
.browser-top{height:51px;border-bottom:1px solid #eceef1;display:flex;align-items:center;gap:6px;padding:0 18px}
.browser-top>span{width:8px;height:8px;border-radius:50%;background:#d7dade}
.browser-top>div{margin-left:15px;border-radius:999px;background:#f2f3f5;color:#8a8f95;font-size:9px;padding:7px 16px;flex:1;text-align:center}
.browser-content{padding:28px}
.mock-search{height:55px;border:1px solid #e2e4e8;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#73787f;font-size:12px;background:#fff}
.mock-search b{font-size:9px;background:#f1f2f4;padding:5px 7px;border-radius:7px}
.mock-filters{display:flex;gap:7px;margin:12px 0 22px}.mock-filters span{font-size:9px;border:1px solid #e1e4e7;padding:6px 10px;border-radius:999px;background:#fafafa;color:#6f747b}
.mock-profile{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:15px 13px;border:1px solid #eceef1;border-radius:19px;background:#fff;margin-top:10px}
.mock-profile.featured{box-shadow:0 14px 32px rgba(17,24,39,.07);transform:translateX(10px)}
.mock-avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#162334,#4678ad);color:#fff;font-size:12px;font-weight:800}.mock-avatar.alt{background:linear-gradient(145deg,#214537,#6aa586)}.mock-avatar.pte{background:linear-gradient(145deg,#392b44,#9879a8)}
.mock-profile b{display:block;font-size:12px}.mock-profile small{display:block;color:#888d94;font-size:9px;margin-top:2px}.mock-profile em{display:inline-block;font-style:normal;color:#3c785d;font-size:8px;margin-top:5px}.mock-profile strong{font-size:11px;color:#44494f}

.pro-value-section{background:#0a0b0d;color:#fff}
.pro-value-section .section-intro h2{color:#fff}.pro-value-section .section-intro h2 span{color:#767d85}.pro-value-section .section-intro p{color:#8f969e}.pro-value-section .premium-kicker{color:#999fa7}
.value-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.value-card{min-height:400px;padding:29px;border-radius:30px;background:linear-gradient(180deg,#15171a,#101113);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.value-card:after{content:"";position:absolute;width:230px;height:230px;right:-100px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(76,139,255,.14),transparent 68%)}
.value-number{font-size:10px;color:#6e747c;letter-spacing:.08em}
.value-orb{width:72px;height:72px;border-radius:23px;display:grid;place-items:center;margin:67px 0 33px;background:linear-gradient(145deg,#272b30,#15171a);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 35px rgba(0,0,0,.23);font-size:22px;font-weight:750;color:#d7dbe0}
.value-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#777e86;margin:0 0 10px}.value-card h4{font-size:25px;letter-spacing:-.035em;margin:0 0 12px}.value-card p{font-size:13px;line-height:1.6;color:#8d949c;margin:0}
.pro-cta{margin-top:16px;background:linear-gradient(120deg,#126bff,#6546ee);border-radius:32px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.pro-cta span{font-size:11px;color:rgba(255,255,255,.70)}.pro-cta h3{font-size:30px;letter-spacing:-.04em;margin:6px 0 0;max-width:740px}

.principles-section{background:#fff}
.principles-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.principles-head h2{font-size:clamp(45px,4.6vw,72px)}
.principle-list{border-top:1px solid #e5e7ea}
.principle-list>div{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:29px 0;border-bottom:1px solid #e5e7ea}
.principle-list span{font-size:10px;color:#92979d}.principle-list p{margin:0;color:#747980;font-size:15px;line-height:1.6}.principle-list b{color:#181a1d}

.closing-section{position:relative;overflow:hidden;background:#08090b;color:#fff;padding:145px 0;text-align:center}
.closing-orb{position:absolute;border-radius:50%;filter:blur(3px)}
.closing-a{width:580px;height:580px;left:-260px;top:-220px;background:radial-gradient(circle,rgba(31,110,255,.35),transparent 66%)}
.closing-b{width:540px;height:540px;right:-220px;bottom:-220px;background:radial-gradient(circle,rgba(88,226,184,.20),transparent 68%)}
.closing-inner{position:relative;z-index:2}.closing-inner .premium-kicker{color:#8e959e}.closing-inner .premium-kicker:before{display:none}
.closing-inner h2{color:#fff;font-size:clamp(58px,7vw,105px);margin:20px auto;max-width:1050px}.closing-inner h2 span{color:#777f89}
.closing-inner p{font-size:17px;color:#8b929b;margin:0 auto}

/* motion */
.reveal{opacity:0;transform:translateY(28px) scale(.99);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.path-cards .reveal:nth-child(2),.value-trio .reveal:nth-child(2){transition-delay:.10s}
.path-cards .reveal:nth-child(3),.value-trio .reveal:nth-child(3){transition-delay:.20s}

@media(max-width:1180px){
  .premium-hero-grid{grid-template-columns:1fr;gap:18px}.premium-hero{padding-top:70px}.hero-copy{max-width:900px}.hero-stage{min-height:560px;max-width:800px;width:100%;margin:0 auto}
  .premium-title{font-size:clamp(68px,10vw,100px)}.trust-strip-inner{grid-template-columns:repeat(2,1fr)}
  .journey-grid{grid-template-columns:1fr;gap:30px}.journey-copy{max-width:760px}.journey-visual{min-height:540px}
}
@media(max-width:900px){
  .cinema-section{padding:92px 0}.path-cards,.value-trio{grid-template-columns:1fr}.path-card{min-height:390px}.path-symbol{font-size:90px;margin:42px 0 auto}
  .principles-grid{grid-template-columns:1fr;gap:40px}.pro-cta{align-items:flex-start;flex-direction:column}
  .trust-strip-inner{gap:18px}
}
@media(max-width:720px){
  .premium-hero{min-height:auto;padding:58px 0 70px}.premium-title{font-size:clamp(52px,15vw,72px);line-height:.94}.premium-lead{font-size:17px}.hero-stage{min-height:500px}
  .profile-device{width:82%;border-radius:27px}.device-body{padding:27px 23px}.device-body h3{font-size:25px}.profile-avatar{width:68px;height:68px;border-radius:22px}
  .orbit-card{width:230px;padding:10px 11px}.orbit-edu{right:-7%}.orbit-mara{left:-5%}.orbit-pte{left:0}.orbit-card em{display:none}
  .trust-strip-inner{grid-template-columns:1fr 1fr}.trust-strip{padding:24px 0}
  .section-intro h2,.journey-copy h2,.principles-head h2{font-size:clamp(42px,12vw,62px)}
  .browser-content{padding:18px}.mock-profile{grid-template-columns:46px 1fr auto}.mock-avatar{width:46px;height:46px}.journey-visual{min-height:460px}
  .closing-section{padding:105px 0}.closing-inner h2{font-size:clamp(52px,14vw,78px)}
}
@media(max-width:560px){
  .premium-hero-grid{gap:10px}.premium-title{letter-spacing:-.055em}.premium-actions{align-items:stretch;flex-direction:column}.premium-button{width:100%}
  .premium-proof{display:grid;gap:9px}.hero-stage{min-height:455px;margin-top:10px}.profile-device{width:88%}
  .orbit-card{width:195px;grid-template-columns:38px 1fr;padding:9px;border-radius:16px}.orbit-icon{width:38px;height:38px;border-radius:12px}.orbit-card small{display:none}.orbit-mara{top:8%;left:-3%}.orbit-edu{top:42%;right:-7%}.orbit-pte{left:-2%;bottom:4%}
  .hero-scroll-cue{display:none}.trust-strip-inner{grid-template-columns:1fr}.trust-strip-inner div{padding:0 0 15px;border-left:0;border-bottom:1px solid rgba(255,255,255,.11)}
  .cinema-section{padding:76px 0}.section-intro{margin-bottom:38px}.path-card{padding:23px;border-radius:25px;min-height:370px}
  .journey-step{padding:13px}.browser-shell{border-radius:23px}.mock-filters span:nth-child(3){display:none}.mock-profile strong{display:none}.mock-profile.featured{transform:none}
  .value-card{min-height:350px;padding:24px}.value-orb{margin:49px 0 28px}.pro-cta{padding:26px;border-radius:25px}.pro-cta h3{font-size:25px}
  .principle-list>div{grid-template-columns:35px 1fr;gap:10px}.closing-section{padding:86px 0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-scroll-cue span{animation:none}.floating-card,.tilt-card{transition:none!important}
}


/* === SHC Visual Pass 2 + Authentication === */
.hero-v2{background:#05070b;color:#fff;min-height:calc(100vh - 70px);padding:0;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-v2-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 66% 48%,#000 0%,rgba(0,0,0,.86) 32%,transparent 74%)}
.hero-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.98) 0%,rgba(5,7,11,.84) 38%,rgba(5,7,11,.18) 72%,rgba(5,7,11,.70) 100%);pointer-events:none}
.hero-v2-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.glow-a{width:640px;height:640px;background:#075dff;right:2%;top:4%}.glow-b{width:480px;height:480px;background:#12d6a0;right:25%;bottom:-30%;opacity:.20}
.hero-v2-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:35px;align-items:center;padding-top:78px;padding-bottom:102px}
.hero-v2-copy{position:relative;z-index:5}
.hero-v2-kicker{display:flex;align-items:center;gap:9px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#929aa7;font-weight:750}.hero-v2-kicker i{width:8px;height:8px;border-radius:50%;background:#5ff1c5;box-shadow:0 0 0 6px rgba(95,241,197,.08),0 0 25px rgba(95,241,197,.45)}
.hero-v2-copy h1{font-size:clamp(62px,6.8vw,108px);line-height:.88;letter-spacing:-.068em;margin:26px 0;color:#fff;font-weight:720;max-width:850px}.hero-v2-copy h1 span{background:linear-gradient(90deg,#fff 5%,#7ea8ff 56%,#5ff1c5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v2-copy>p{font-size:clamp(17px,1.35vw,21px);line-height:1.6;color:#8f98a5;max-width:660px;margin:0}
.hero-main{background:#fff!important;color:#06080c!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important}.hero-main:hover{box-shadow:0 22px 60px rgba(80,130,255,.24)!important}.hero-ghost{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;backdrop-filter:blur(14px)}
.hero-login-link{color:#8f98a5;text-decoration:none;font-size:12px;margin-left:4px}.hero-login-link b{color:#fff}
.hero-v2-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:42px;padding-top:25px;border-top:1px solid rgba(255,255,255,.10);max-width:760px}.hero-v2-proof span{font-size:11px;color:#8a939f;display:flex;gap:8px;align-items:center}.hero-v2-proof b{font-size:9px;color:#5ff1c5}
.hero-universe{position:relative;min-height:690px;perspective:1500px;transform-style:preserve-3d;--rx:0deg;--ry:0deg}
.universe-floor{position:absolute;width:610px;height:250px;left:50%;bottom:12%;transform:translateX(-50%) rotateX(72deg);border-radius:50%;background:radial-gradient(ellipse,rgba(27,104,255,.26),rgba(27,104,255,.03) 48%,transparent 70%);filter:blur(8px)}
.portal-ring{position:absolute;left:50%;top:49%;border:1px solid rgba(124,171,255,.28);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 50px rgba(21,96,255,.05),inset 0 0 35px rgba(95,241,197,.025)}
.ring-one{width:330px;height:330px;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(12deg);animation:ringOne 13s linear infinite}.ring-two{width:470px;height:470px;transform:translate(-50%,-50%) rotateY(63deg) rotateZ(28deg);border-color:rgba(95,241,197,.20);animation:ringTwo 17s linear infinite reverse}.ring-three{width:600px;height:600px;transform:translate(-50%,-50%) rotateX(38deg) rotateY(18deg);border-color:rgba(255,255,255,.10);animation:ringThree 22s linear infinite}
@keyframes ringOne{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(372deg)}}@keyframes ringTwo{to{transform:translate(-50%,-50%) rotateY(63deg) rotateZ(388deg)}}@keyframes ringThree{to{transform:translate(-50%,-50%) rotateX(38deg) rotateY(378deg)}}
.portal-axis{position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(113,164,255,.23),transparent)}.axis-x{width:620px;height:1px;transform:translate(-50%,-50%) rotate(-12deg)}.axis-y{width:580px;height:1px;transform:translate(-50%,-50%) rotate(78deg)}
.universe-core{position:absolute;left:50%;top:49%;width:205px;height:205px;transform:translate(-50%,-50%) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(var(--mx,0),var(--my,0),65px);transition:transform .18s ease-out}
.core-halo{position:absolute;inset:-55px;border-radius:50%;background:radial-gradient(circle,rgba(37,108,255,.34),rgba(37,108,255,.08) 38%,transparent 70%);filter:blur(12px);animation:corePulse 4s ease-in-out infinite}@keyframes corePulse{50%{transform:scale(1.12);opacity:.72}}
.core-ball{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 36% 26%,#bce0ff 0%,#4c89ff 16%,#1248ad 43%,#081630 74%,#03060b 100%);box-shadow:inset -24px -26px 45px rgba(0,0,0,.58),inset 16px 12px 25px rgba(255,255,255,.20),0 35px 80px rgba(18,86,235,.42);border:1px solid rgba(255,255,255,.28)}.core-ball strong{font-size:43px;letter-spacing:-.08em;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.45)}.core-ball span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#b9d0ff;margin-top:5px}
.universe-card{position:absolute;z-index:8;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;width:278px;padding:13px 14px;border-radius:20px;background:rgba(13,18,27,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.38);backdrop-filter:blur(20px);color:#fff;text-decoration:none;transition:transform .18s ease-out,border-color .25s,background .25s}.universe-card:hover{background:rgba(21,28,42,.92);border-color:rgba(126,168,255,.36)}
.universe-card .u-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1e2d48,#0c1220);border:1px solid rgba(255,255,255,.08);font-weight:850}.universe-card b{display:block;font-size:13px}.universe-card small{display:block;color:#8993a1;font-size:10px;margin-top:3px}.universe-card em{font-style:normal;font-size:8px;font-weight:800;color:#6ef0c5;border:1px solid rgba(95,241,197,.22);padding:5px 7px;border-radius:999px}
.card-mara{left:0;top:15%;transform:translate3d(var(--mx,0),var(--my,0),105px) rotate(-3deg)}.card-edu{right:-2%;top:44%;transform:translate3d(var(--mx,0),var(--my,0),130px) rotate(3deg)}.card-pte{left:8%;bottom:8%;transform:translate3d(var(--mx,0),var(--my,0),150px) rotate(2deg)}
.universe-chip{position:absolute;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px);font-size:9px;color:#aeb8c5;box-shadow:0 15px 35px rgba(0,0,0,.24)}.chip-one{right:9%;top:16%;transform:translate3d(var(--mx,0),var(--my,0),80px)}.chip-two{right:4%;bottom:18%;transform:translate3d(var(--mx,0),var(--my,0),70px)}.chip-three{left:23%;top:42%;transform:translate3d(var(--mx,0),var(--my,0),60px)}
.hero-v2-bottom{position:absolute;left:0;right:0;bottom:0;z-index:4;border-top:1px solid rgba(255,255,255,.09);background:rgba(5,7,11,.62);backdrop-filter:blur(14px)}.hero-v2-bottom .container{height:58px;display:flex;align-items:center;gap:16px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#67717e}.hero-v2-bottom i{width:3px;height:3px;border-radius:50%;background:#4a5360}.hero-v2-bottom strong{margin-left:auto;color:#b6bdc6;font-weight:650}

/* Login */
.login-page{min-height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(520px,.95fr);background:#f6f7f9}
.login-visual{position:relative;overflow:hidden;background:#05070b;color:#fff;min-height:760px;padding:42px 48px;display:flex;flex-direction:column}.login-visual:before{content:"";position:absolute;width:720px;height:720px;left:20%;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(35,104,255,.25),rgba(35,104,255,.05) 36%,transparent 68%);filter:blur(12px)}
.login-brand{position:relative;z-index:4;text-decoration:none;color:#fff;display:inline-flex;align-items:baseline;gap:10px;width:max-content}.login-brand span{font-size:30px;font-weight:900;letter-spacing:-.08em}.login-brand small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#78828f}
.login-orbit-scene{position:relative;flex:1;min-height:460px;perspective:1200px}.login-ring{position:absolute;left:50%;top:49%;border:1px solid rgba(105,160,255,.24);border-radius:50%}.lr1{width:240px;height:240px;transform:translate(-50%,-50%) rotateX(66deg)}.lr2{width:360px;height:360px;transform:translate(-50%,-50%) rotateY(66deg);border-color:rgba(95,241,197,.14)}.lr3{width:470px;height:470px;transform:translate(-50%,-50%) rotateX(35deg) rotateY(24deg);border-color:rgba(255,255,255,.08)}
.login-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 38% 27%,#9fcaff,#326ee9 20%,#112f73 49%,#050b18 78%);box-shadow:0 35px 90px rgba(29,94,235,.36),inset 13px 10px 20px rgba(255,255,255,.14)}.login-core strong{font-size:38px;letter-spacing:-.08em}.login-core small{font-size:8px;color:#a8c4ff;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.login-float{position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.11);background:rgba(18,24,35,.75);border-radius:16px;backdrop-filter:blur(16px);font-size:11px;color:#dce4ee;box-shadow:0 20px 50px rgba(0,0,0,.3)}.login-float b{color:#5ff1c5;margin-left:12px}.lf1{left:12%;top:26%;transform:rotate(-5deg)}.lf2{right:8%;top:42%;transform:rotate(4deg)}.lf3{left:20%;bottom:15%;transform:rotate(3deg)}
.login-visual-copy{position:relative;z-index:4;max-width:620px}.login-visual-copy>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#687380}.login-visual-copy h2{font-size:clamp(46px,4.6vw,72px);line-height:.93;letter-spacing:-.06em;margin:12px 0 15px}.login-visual-copy p{font-size:13px;line-height:1.6;color:#7f8996;max-width:520px}
.login-panel{display:grid;place-items:center;padding:52px 7vw;background:linear-gradient(180deg,#fbfbfc,#f2f3f6)}.login-card{width:min(100%,520px)}.login-mini{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7a8088;font-weight:800}.login-card h1{font-size:48px;letter-spacing:-.055em;line-height:1;margin:12px 0 10px;color:#0b0c0e}.login-card>p{color:#7a8088;font-size:14px;margin:0 0 27px}
.login-role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:23px}.login-role{border:1px solid #e0e3e8;background:#fff;border-radius:17px;padding:14px;text-align:left;cursor:pointer;transition:.2s}.login-role.active{background:#0b0c0e;color:#fff;border-color:#0b0c0e;box-shadow:0 14px 35px rgba(10,12,15,.15)}.login-role span{font-weight:800;display:block;font-size:13px}.login-role small{display:block;font-size:9px;color:#8a9097;margin-top:3px}.login-role.active small{color:#858d97}
.login-field{margin:15px 0}.login-field label{display:block;font-size:11px;font-weight:800;color:#25282c;margin-bottom:7px}.login-label-row{display:flex;justify-content:space-between}.login-label-row span{font-size:9px;color:#9ca1a7}.password-wrap{position:relative}.password-wrap .input{padding-right:64px}.password-wrap button{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:#f0f2f4;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}
.remember-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#727880;margin:12px 0 20px}.remember-row input{vertical-align:middle}
.login-submit{width:100%;height:53px;border:0;border-radius:999px;background:#0b0c0e;color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 32px rgba(10,12,15,.16);transition:.2s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(10,12,15,.22)}
.login-message{min-height:18px;color:#b14a3b;font-size:11px;font-weight:700;text-align:center;margin:10px 0}.login-divider{display:flex;align-items:center;gap:12px;color:#a1a5aa;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin:15px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e0e2e5;flex:1}
.login-create-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.login-create-links a{text-decoration:none;border:1px solid #e1e3e7;background:#fff;border-radius:16px;padding:13px;color:#202327}.login-create-links b{display:block;font-size:11px}.login-create-links span{display:block;font-size:9px;color:#8b9198;margin-top:3px}.login-security{text-align:center!important;font-size:9px!important;color:#a0a5ab!important;margin-top:18px!important}

/* Account */
.account-loading{min-height:70vh;display:grid;place-items:center;align-content:center;gap:14px;background:#f5f6f8}.account-pulse{width:38px;height:38px;border-radius:50%;background:#0b0c0e;box-shadow:0 0 0 0 rgba(11,12,14,.15);animation:accountPulse 1.5s infinite}@keyframes accountPulse{70%{box-shadow:0 0 0 22px rgba(11,12,14,0)}}.account-loading p{font-size:12px;color:#777d84}
.account-page{background:#f5f6f8;min-height:calc(100vh - 70px);padding:35px 0}.account-shell{display:grid;grid-template-columns:270px 1fr;gap:24px}.account-sidebar{background:#0b0c0e;color:#fff;border-radius:28px;padding:25px;min-height:680px;display:flex;flex-direction:column}.account-logo{font-size:30px;font-weight:900;letter-spacing:-.08em}.account-user{display:flex;gap:11px;align-items:center;margin:42px 0 28px}.account-user>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#286cff,#5bdcb8);font-size:11px;font-weight:850}.account-user b{display:block;font-size:12px}.account-user small{display:block;color:#747e8b;font-size:9px;margin-top:3px}.account-sidebar nav{display:grid;gap:7px}.account-sidebar nav a{color:#828b97;text-decoration:none;font-size:11px;padding:11px 12px;border-radius:12px}.account-sidebar nav a.active,.account-sidebar nav a:hover{background:#171a1f;color:#fff}.account-sidebar button{margin-top:auto;border:1px solid #292e35;background:transparent;color:#8c959f;border-radius:999px;padding:10px;cursor:pointer}
.account-main{background:#fff;border-radius:28px;padding:42px;min-width:0}.account-topline{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#90959c}.account-topline em{font-style:normal;background:#eef9f3;color:#39745b;border-radius:999px;padding:5px 8px}.account-main>h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.06em;line-height:.96;margin:35px 0 12px}.account-main>p{color:#7a8087;font-size:14px}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0}.account-stats article{background:#f5f6f8;border:1px solid #edeef0;border-radius:20px;padding:20px}.account-stats small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#93989e}.account-stats strong{display:block;font-size:40px;letter-spacing:-.05em;margin:9px 0}.account-stats strong.word{font-size:22px}.account-stats a,.account-stats span{font-size:9px;color:#81878e;text-decoration:none}.account-focus{margin-top:30px;background:linear-gradient(120deg,#0b0c0e,#1b2535);color:#fff;border-radius:24px;padding:27px;display:flex;justify-content:space-between;align-items:center;gap:25px}.account-focus span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#6f7985}.account-focus h2{font-size:24px;letter-spacing:-.035em;margin:6px 0;max-width:650px}

@media(max-width:1100px){.hero-v2-layout{grid-template-columns:1fr;padding-top:80px}.hero-universe{min-height:600px}.login-page{grid-template-columns:1fr}.login-visual{min-height:630px}.login-panel{padding:70px 25px}.account-shell{grid-template-columns:1fr}.account-sidebar{min-height:auto}.account-sidebar nav{grid-template-columns:repeat(3,1fr)}.account-sidebar button{margin-top:25px}}
@media(max-width:700px){.hero-v2-copy h1{font-size:clamp(55px,15vw,76px)}.hero-v2-layout{padding-bottom:90px}.hero-universe{min-height:500px}.portal-ring.ring-three{width:440px;height:440px}.ring-two{width:350px;height:350px}.ring-one{width:240px;height:240px}.universe-core{width:150px;height:150px}.core-ball strong{font-size:32px}.universe-card{width:205px;grid-template-columns:38px 1fr;padding:10px}.universe-card .u-icon{width:38px;height:38px}.universe-card em,.universe-chip{display:none}.card-mara{left:-4%;top:12%}.card-edu{right:-6%;top:46%}.card-pte{left:3%;bottom:4%}.hero-v2-bottom strong{display:none}.hero-login-link{width:100%;margin-top:2px}.login-visual{min-height:560px;padding:30px 22px}.login-orbit-scene{min-height:350px}.lr3{width:350px;height:350px}.login-core{width:135px;height:135px}.login-float{font-size:9px}.login-visual-copy h2{font-size:48px}.login-panel{padding:48px 18px}.login-card h1{font-size:42px}.login-role-tabs,.login-create-links{grid-template-columns:1fr}.account-main{padding:25px}.account-stats{grid-template-columns:1fr}.account-focus{align-items:flex-start;flex-direction:column}.account-sidebar nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.portal-ring,.core-halo{animation:none!important}}


/* === SHC Interior Visual System === */
.premium-inner-hero{position:relative;overflow:hidden;background:#07090d;color:#fff;padding:94px 0 78px;border-bottom:0}
.inner-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.8),transparent)}
.inner-hero-orb{position:absolute;border-radius:50%;filter:blur(70px)}.orb-one{width:440px;height:440px;right:8%;top:-140px;background:rgba(34,104,255,.28)}.orb-two{width:360px;height:360px;right:27%;bottom:-220px;background:rgba(91,240,195,.14)}
.inner-hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:70px;align-items:center}.inner-hero-copy{max-width:900px}
.inner-kicker{display:flex;align-items:center;gap:9px;color:#8b95a2;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.inner-kicker i{width:7px;height:7px;border-radius:50%;background:#5ff1c5;box-shadow:0 0 0 5px rgba(95,241,197,.07)}
.premium-inner-hero .page-title{font-size:clamp(54px,6vw,88px);line-height:.94;letter-spacing:-.06em;color:#fff;margin:20px 0 18px;max-width:940px}.premium-inner-hero .lead{max-width:720px;color:#89939f;font-size:17px;line-height:1.62;margin:0}
.inner-hero-sculpture{height:280px;position:relative;perspective:1000px}.sculpture-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(116,166,255,.27);border-radius:50%}.sr1{width:160px;height:160px;transform:translate(-50%,-50%) rotateX(64deg)}.sr2{width:235px;height:235px;transform:translate(-50%,-50%) rotateY(62deg);border-color:rgba(95,241,197,.18)}.sr3{width:310px;height:310px;transform:translate(-50%,-50%) rotateX(36deg) rotateY(18deg);border-color:rgba(255,255,255,.08)}
.sculpture-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 25%,#b9dcff,#3e7df6 20%,#153f95 45%,#061123 73%);box-shadow:0 25px 65px rgba(31,92,225,.35),inset 10px 8px 18px rgba(255,255,255,.14)}.sculpture-core strong{font-size:28px;letter-spacing:-.07em}.sculpture-core span{font-size:6px;text-transform:uppercase;letter-spacing:.12em;color:#b5caf3;margin-top:2px}
.sculpture-dot{position:absolute;border-radius:50%;background:#5ff1c5;box-shadow:0 0 20px rgba(95,241,197,.55)}.sd1{width:7px;height:7px;left:17%;top:34%}.sd2{width:5px;height:5px;right:18%;top:29%;background:#7ea8ff}.sd3{width:6px;height:6px;right:29%;bottom:17%;background:#fff}

.premium-directory{background:linear-gradient(180deg,#f2f4f7 0%,#fff 36%,#f7f8fa 100%);padding:34px 0 110px}
.directory-intro-strip{display:flex;align-items:center;gap:13px;font-size:10px;text-transform:uppercase;letter-spacing:.10em;color:#8b9198;margin:0 0 20px;padding:0 4px}.directory-intro-strip i{width:3px;height:3px;border-radius:50%;background:#b5bac0}
.premium-directory .directory-toolbar{border:1px solid rgba(17,24,39,.07);background:rgba(255,255,255,.83);backdrop-filter:blur(18px);border-radius:24px;padding:16px;box-shadow:0 20px 60px rgba(18,29,45,.07);position:sticky;top:82px;z-index:15}
.premium-directory .filter-grid{gap:10px}.premium-directory .input,.premium-directory .select{background:#f6f7f9;border:1px solid #e5e7ea;border-radius:14px;min-height:45px}.premium-directory .toolbar-meta{margin:27px 0 15px}.premium-directory .toolbar-meta>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8b9198}
.premium-directory .filter-chip{border-radius:999px;border:1px solid #e1e4e8;background:#fff;font-size:10px;padding:8px 12px}.premium-directory .filter-chip.active{background:#0b0c0e;color:#fff;border-color:#0b0c0e}
.premium-directory .professional-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.premium-pro-card{position:relative;overflow:hidden;background:rgba(255,255,255,.92);border:1px solid rgba(21,30,43,.08)!important;border-radius:29px!important;padding:25px!important;box-shadow:0 18px 55px rgba(23,35,52,.07)!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s!important}
.premium-pro-card:hover{transform:translateY(-8px) rotateX(1deg)!important;box-shadow:0 32px 80px rgba(22,34,52,.13)!important;border-color:rgba(57,106,201,.17)!important}.premium-pro-card .card-glow{position:absolute;width:200px;height:200px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(53,119,255,.12),transparent 68%);pointer-events:none}
.premium-pro-card .profile-top{position:relative;z-index:2;align-items:center}.premium-pro-card .avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#0d1015,#27384f);box-shadow:0 13px 30px rgba(12,21,34,.18);display:grid;place-items:center}.premium-pro-card .avatar span{font-size:14px;color:#fff;font-weight:850}
.premium-pro-card .pro-name{font-size:21px;letter-spacing:-.035em;margin-bottom:3px}.premium-pro-card .verified-line{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#48745f}.premium-pro-card .pro-meta{background:#f7f8fa;border-radius:16px;padding:13px;margin:19px 0 15px}.premium-pro-card .meta-row{font-size:10px;color:#656b73}.premium-pro-card .service-tags{gap:5px}.premium-pro-card .service-tag{font-size:9px;padding:6px 8px;border-radius:999px;background:#f0f2f5;border:0;color:#525860}.premium-pro-card .fee-row{margin-top:20px;padding-top:17px;border-top:1px solid #eceef0}.premium-pro-card .fee{font-size:24px;letter-spacing:-.04em}.premium-pro-card .fee-label,.premium-pro-card .reviews{font-size:9px}.premium-pro-card .pro-actions{margin-top:17px}.premium-pro-card .request-btn{flex:1;border-radius:999px}.premium-pro-card .save-btn{width:42px;height:42px;border-radius:50%;background:#f3f4f6;border:1px solid #e6e8eb}

.premium-form-page{background:linear-gradient(180deg,#f1f3f6,#fff);padding:70px 0 110px}.premium-form-page .form-layout{grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr);gap:22px;align-items:stretch}
.premium-form-side{position:relative;overflow:hidden;background:#080a0e!important;border-radius:34px!important;padding:42px!important;min-height:100%;box-shadow:0 30px 80px rgba(11,18,28,.16)}.premium-form-side:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-210px;top:-180px;background:radial-gradient(circle,rgba(40,111,255,.32),transparent 68%)}.premium-form-side:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-160px;bottom:-170px;background:radial-gradient(circle,rgba(95,241,197,.16),transparent 68%)}
.premium-form-side>*{position:relative;z-index:2}.premium-form-side .eyebrow{color:#6f7a87}.premium-form-side h2{font-size:44px;line-height:.98;letter-spacing:-.055em;margin:20px 0 18px;color:#fff}.premium-form-side p{color:#858f9b;line-height:1.65;font-size:13px}.premium-form-side .check-list{margin-top:34px}.premium-form-side .check-list li{color:#bac1ca;border-color:rgba(255,255,255,.10);font-size:11px}
.form-side-orbit{height:160px;margin-bottom:24px;position:relative}.form-side-orbit:before,.form-side-orbit:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(116,166,255,.25);transform:translate(-50%,-50%) rotateX(65deg)}.form-side-orbit:before{width:130px;height:130px}.form-side-orbit:after{width:190px;height:190px;transform:translate(-50%,-50%) rotateY(65deg);border-color:rgba(95,241,197,.16)}.form-side-orbit span{position:absolute;left:50%;top:50%;width:82px;height:82px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 27%,#a8d0ff,#3d7df6 22%,#173a84 50%,#071023);box-shadow:0 20px 55px rgba(36,96,231,.33)}.form-side-orbit i,.form-side-orbit b{position:absolute;width:6px;height:6px;border-radius:50%;background:#5ff1c5}.form-side-orbit i{left:25%;top:38%}.form-side-orbit b{right:24%;bottom:29%;background:#7ea8ff}
.premium-form-card{border:1px solid rgba(20,28,39,.07)!important;border-radius:34px!important;padding:38px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 25px 75px rgba(17,27,42,.09)!important}.premium-form-card h2{font-size:34px;letter-spacing:-.045em;margin:0 0 10px}.premium-form-card .form-grid{gap:14px}.premium-form-card .field label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#747a82}.premium-form-card .input,.premium-form-card .select{min-height:48px;background:#f6f7f9;border:1px solid #e5e7ea;border-radius:14px}.premium-form-card textarea.input{min-height:110px}.premium-form-card .actions{margin-top:24px}.premium-form-card .button{min-height:47px}.premium-form-card .role-selector{gap:9px}.premium-form-card .role-choice{border-radius:16px;background:#f6f7f9;border-color:#e4e7eb}.premium-form-card .role-choice.active{background:#0b0c0e;color:#fff;border-color:#0b0c0e;box-shadow:0 12px 28px rgba(10,12,15,.14)}

.premium-legal-page{background:linear-gradient(180deg,#f2f4f7,#fff);padding:56px 0 110px}.premium-legal-page .legal-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.premium-legal-nav{position:sticky;top:88px;background:#0b0c0e!important;border:0!important;border-radius:28px!important;padding:22px!important;box-shadow:0 24px 65px rgba(10,16,24,.14)!important}.legal-nav-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.legal-nav-top span{font-size:24px;font-weight:900;letter-spacing:-.07em;color:#fff}.legal-nav-top small{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#66707c}.premium-legal-nav>b{color:#fff;font-size:15px;display:block;margin-bottom:15px}.premium-legal-nav a{display:grid!important;grid-template-columns:28px 1fr;gap:7px!important;color:#818b97!important;text-decoration:none!important;font-size:10px!important;padding:9px 5px!important;border-top:1px solid rgba(255,255,255,.07)}.premium-legal-nav a span{font-size:8px;color:#4e5762}.premium-legal-nav a:hover{color:#fff!important}
.premium-legal-content{border:1px solid rgba(20,28,39,.07)!important;border-radius:30px!important;padding:44px!important;box-shadow:0 24px 70px rgba(17,27,42,.08)!important;background:#fff!important}.legal-content-head{padding-bottom:32px;border-bottom:1px solid #eceef0}.legal-content-head>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8d939a}.legal-content-head h2{font-size:48px;letter-spacing:-.055em;margin:10px 0 8px}.legal-content-head p{color:#7b8188;margin:0}.premium-legal-content>section{display:grid!important;grid-template-columns:52px 1fr;gap:18px;padding:28px 0!important;border-bottom:1px solid #eceef0!important;margin:0!important}.premium-legal-content>section:last-child{border-bottom:0!important}.legal-number{font-size:10px;color:#a2a7ad;padding-top:4px}.premium-legal-content h3{font-size:20px;letter-spacing:-.025em;margin:0 0 8px}.premium-legal-content p{font-size:13px;line-height:1.7;color:#70767d;margin:0}

.premium-admin{background:linear-gradient(180deg,#f2f4f7,#fff);padding:55px 0 110px}.admin-login-card{text-align:left}.premium-admin .notice{border-radius:17px;background:#eef8f3;border:1px solid #d8eee2}.premium-admin .admin-grid{gap:12px}.premium-admin .stat-card{border-radius:22px!important;border:1px solid #e8eaed!important;background:#fff!important;box-shadow:0 15px 40px rgba(17,27,42,.06)!important;padding:22px!important}.premium-admin .stat-card small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#93989e}.premium-admin .stat-card strong{font-size:38px;letter-spacing:-.05em}.premium-admin .section-title{font-size:30px;letter-spacing:-.04em}.premium-admin .admin-table{border-radius:24px!important;overflow:hidden;background:#fff}.premium-admin .admin-row{padding:16px 18px}.premium-admin .admin-row:nth-child(even){background:#fafbfc}

@media(max-width:1100px){.inner-hero-content{grid-template-columns:1fr 300px}.premium-directory .professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-form-page .form-layout{grid-template-columns:1fr}.premium-form-side{min-height:auto}.premium-legal-page .legal-shell{grid-template-columns:1fr}.premium-legal-nav{position:relative;top:0}.premium-legal-nav a{display:none!important}}
@media(max-width:720px){.premium-inner-hero{padding:72px 0 55px}.inner-hero-content{grid-template-columns:1fr}.inner-hero-sculpture{height:210px}.premium-inner-hero .page-title{font-size:clamp(48px,13vw,66px)}.premium-directory{padding-top:24px}.premium-directory .directory-toolbar{position:relative;top:0}.premium-directory .professional-grid{grid-template-columns:1fr}.directory-intro-strip{flex-wrap:wrap}.premium-form-page{padding:35px 0 80px}.premium-form-side,.premium-form-card{padding:25px!important;border-radius:25px!important}.premium-form-side h2{font-size:38px}.premium-legal-page{padding-top:30px}.premium-legal-content{padding:25px!important}.premium-legal-content>section{grid-template-columns:32px 1fr}.legal-content-head h2{font-size:38px}}


/* === SHC Student Energy Pass: 20–24 audience === */
:root{
  --shc-electric:#4b6cff;
  --shc-violet:#8b5cf6;
  --shc-coral:#ff6b6b;
  --shc-aqua:#39d8c2;
  --shc-sun:#ffd166;
  --shc-pink:#f55cc8;
}

/* Header accents */
.shc-word:after{background:linear-gradient(135deg,var(--shc-electric),var(--shc-violet),var(--shc-aqua));box-shadow:0 0 18px rgba(75,108,255,.35)}
.nav .cta{background:linear-gradient(120deg,#11131a,#252b3b);box-shadow:0 8px 24px rgba(10,20,40,.14)}
.nav a:hover{background:linear-gradient(120deg,#f4f6ff,#f8f4ff)}

/* Homepage - richer colour */
.hero-v2{background:
radial-gradient(circle at 78% 24%,rgba(90,91,255,.14),transparent 24%),
radial-gradient(circle at 64% 76%,rgba(57,216,194,.10),transparent 30%),
radial-gradient(circle at 34% 4%,rgba(245,92,200,.07),transparent 20%),
#05070b}
.glow-a{background:linear-gradient(135deg,#245cff,#8056ff);opacity:.56}
.glow-b{background:linear-gradient(135deg,#33e0bf,#19a9ff);opacity:.24}
.hero-v2-kicker i{background:var(--shc-aqua);box-shadow:0 0 0 6px rgba(57,216,194,.09),0 0 28px rgba(57,216,194,.55)}
.hero-v2-copy h1 span{background:linear-gradient(90deg,#d9e4ff 0%,#7ea8ff 25%,#b178ff 55%,#ff77c8 77%,#5ff1c5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-main{background:linear-gradient(115deg,#fff,#eaf3ff)!important}
.hero-ghost:hover{border-color:rgba(139,92,246,.42)!important;background:rgba(139,92,246,.11)!important}
.core-ball{background:radial-gradient(circle at 35% 24%,#f4fbff 0%,#6ec7ff 12%,#5a66ff 29%,#6f45d9 48%,#122454 70%,#03060b 100%)}
.core-halo{background:radial-gradient(circle,rgba(91,103,255,.38),rgba(139,92,246,.13) 40%,rgba(57,216,194,.04) 58%,transparent 72%)}
.ring-one{border-color:rgba(96,160,255,.38)}.ring-two{border-color:rgba(57,216,194,.31)}.ring-three{border-color:rgba(245,92,200,.16)}
.card-mara .u-icon{background:linear-gradient(145deg,#245cff,#506eff)}
.card-edu .u-icon{background:linear-gradient(145deg,#7c4dff,#b05cff)}
.card-pte .u-icon{background:linear-gradient(145deg,#ff6577,#ff8c5c)}
.card-mara em{color:#9bc8ff;border-color:rgba(90,160,255,.28)}
.card-edu em{color:#c8b0ff;border-color:rgba(177,124,255,.30)}
.card-pte em{color:#ffb1bf;border-color:rgba(255,112,137,.28)}
.chip-one{border-color:rgba(75,108,255,.22);background:rgba(75,108,255,.10)}
.chip-two{border-color:rgba(245,92,200,.20);background:rgba(245,92,200,.08)}
.chip-three{border-color:rgba(57,216,194,.20);background:rgba(57,216,194,.08)}
.hero-v2-proof b{color:var(--shc-aqua)}
.hero-v2-bottom{background:linear-gradient(90deg,rgba(18,24,39,.82),rgba(21,19,44,.78),rgba(8,35,34,.78))}

/* Trust strip becomes more lively but stays credible */
.trust-strip{background:linear-gradient(100deg,#0b0d14 0%,#15132a 48%,#0d2424 100%)}
.trust-strip-inner div:nth-child(1){border-left-color:rgba(75,108,255,.55)}
.trust-strip-inner div:nth-child(2){border-left-color:rgba(139,92,246,.55)}
.trust-strip-inner div:nth-child(3){border-left-color:rgba(255,107,107,.50)}
.trust-strip-inner div:nth-child(4){border-left-color:rgba(57,216,194,.55)}
.trust-strip strong{font-size:14px}

/* New student visual section */
.student-energy-section{position:relative;overflow:hidden;background:
linear-gradient(180deg,#f8f9ff 0%,#ffffff 48%,#fbf8ff 100%);padding:110px 0 95px}
.student-energy-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(41,50,77,.075) 1px,transparent 0);background-size:26px 26px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 82%)}
.energy-aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}.energy-a{width:420px;height:420px;background:linear-gradient(135deg,var(--shc-violet),var(--shc-pink));left:-170px;top:-130px}.energy-b{width:500px;height:500px;background:linear-gradient(135deg,var(--shc-aqua),#5aa5ff);right:-200px;bottom:-170px}
.energy-heading{position:relative;z-index:2;max-width:860px;margin-bottom:45px}
.energy-heading h2{font-size:clamp(48px,5.6vw,80px);line-height:.98;letter-spacing:-.055em;margin:16px 0 15px;color:#11131a}
.energy-heading h2 span{background:linear-gradient(90deg,#536bff,#8d5df6 42%,#f05ab8 72%,#35bfae);-webkit-background-clip:text;background-clip:text;color:transparent}
.energy-heading p{font-size:17px;line-height:1.65;color:#707681;max-width:740px}
.energy-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;perspective:1200px}
.energy-card{min-height:330px;border-radius:30px;padding:24px;display:flex;flex-direction:column;text-decoration:none;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 55px rgba(25,35,58,.12);transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .22s ease-out,box-shadow .3s ease}
.energy-card:before{content:"";position:absolute;width:220px;height:220px;right:-95px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.30),rgba(255,255,255,0) 70%)}
.energy-card:after{content:"";position:absolute;inset:auto 20px 16px 20px;height:1px;background:rgba(255,255,255,.18)}
.energy-card:hover{transform:translateY(-8px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));box-shadow:0 34px 78px rgba(25,35,58,.19)}
.energy-blue{background:linear-gradient(145deg,#245cff,#536dff 52%,#6e83ff)}
.energy-violet{background:linear-gradient(145deg,#6d43e8,#9658f6 55%,#be65ef)}
.energy-coral{background:linear-gradient(145deg,#f34e71,#ff6c63 52%,#ff925e)}
.energy-aqua{background:linear-gradient(145deg,#0aa995,#24c8b0 52%,#41d9c4)}
.energy-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.21);backdrop-filter:blur(12px);font-size:23px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.energy-copy{margin-top:auto;padding-bottom:25px;position:relative;z-index:2}.energy-copy>span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:rgba(255,255,255,.66)}.energy-copy h3{font-size:25px;letter-spacing:-.04em;margin:7px 0 8px}.energy-copy p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.72);margin:0}
.energy-card>b{font-size:10px;text-transform:uppercase;letter-spacing:.07em;position:relative;z-index:2}
.energy-ticker{position:relative;z-index:2;margin-top:26px;overflow:hidden;border:1px solid #e6e8ee;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-radius:999px;box-shadow:0 12px 35px rgba(20,30,55,.06)}
.ticker-track{display:flex;align-items:center;gap:34px;padding:14px 22px;width:max-content;animation:shcTicker 28s linear infinite}
.ticker-track span{display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#626873;white-space:nowrap}.ticker-track i{width:8px;height:8px;border-radius:50%}.dot-blue{background:var(--shc-electric)}.dot-violet{background:var(--shc-violet)}.dot-coral{background:var(--shc-coral)}.dot-aqua{background:var(--shc-aqua)}
@keyframes shcTicker{to{transform:translateX(-18%)}}

/* Existing category cards become brighter */
.path-mara{background:linear-gradient(145deg,#15235d,#2857e7 58%,#5c80ff)}
.path-edu{background:linear-gradient(145deg,#45246f,#7650d6 55%,#b05dd6)}
.path-pte{background:linear-gradient(145deg,#7b274c,#e65369 58%,#ff8a62)}
.path-card:nth-child(1){box-shadow:0 24px 64px rgba(59,95,230,.18)}
.path-card:nth-child(2){box-shadow:0 24px 64px rgba(132,76,208,.17)}
.path-card:nth-child(3){box-shadow:0 24px 64px rgba(235,84,102,.16)}
.path-symbol{color:rgba(255,255,255,.18)}
.journey-section{background:
radial-gradient(circle at 12% 16%,rgba(75,108,255,.10),transparent 25%),
radial-gradient(circle at 88% 72%,rgba(245,92,200,.08),transparent 24%),
#f5f6fa}
.journey-step:nth-child(1).active>span{background:linear-gradient(135deg,var(--shc-electric),#6f7cff)}
.journey-step:nth-child(2)>span{background:#eee8ff;color:#7650d6}
.journey-step:nth-child(3)>span{background:#ffe8e8;color:#e65369}
.mock-filters span:nth-child(1){background:#edf1ff;color:#3c59c9;border-color:#dde5ff}
.mock-filters span:nth-child(2){background:#f2ebff;color:#6f4fc4;border-color:#e8dcff}
.mock-filters span:nth-child(3){background:#eafaf6;color:#218b79;border-color:#d8f3ec}
.mock-avatar{background:linear-gradient(145deg,#375be7,#6e87ff)}.mock-avatar.alt{background:linear-gradient(145deg,#734bc9,#b064e1)}.mock-avatar.pte{background:linear-gradient(145deg,#e9506b,#ff9360)}
.pro-cta{background:linear-gradient(120deg,#315cff 0%,#7552e8 46%,#e356b1 74%,#2ec7ae 115%)}
.closing-section{background:
radial-gradient(circle at 20% 20%,rgba(75,108,255,.24),transparent 28%),
radial-gradient(circle at 82% 72%,rgba(57,216,194,.18),transparent 28%),
radial-gradient(circle at 75% 10%,rgba(245,92,200,.12),transparent 20%),
#07090d}
.closing-inner h2 span{background:linear-gradient(90deg,#7ea8ff,#ad7bff,#f26ac3,#58ddc6);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Interior pages: more colour without reducing readability */
.premium-inner-hero{background:
radial-gradient(circle at 76% 22%,rgba(75,108,255,.18),transparent 26%),
radial-gradient(circle at 88% 72%,rgba(57,216,194,.09),transparent 25%),
radial-gradient(circle at 48% -10%,rgba(245,92,200,.06),transparent 25%),
#07090d}
.orb-one{background:linear-gradient(135deg,rgba(75,108,255,.40),rgba(139,92,246,.30))}
.orb-two{background:linear-gradient(135deg,rgba(57,216,194,.25),rgba(59,130,246,.15))}
.sr1{border-color:rgba(75,145,255,.35)}.sr2{border-color:rgba(152,104,255,.25)}.sr3{border-color:rgba(57,216,194,.15)}
.sculpture-core{background:radial-gradient(circle at 35% 24%,#eaf9ff,#6bbcff 15%,#5368ff 34%,#7548c9 53%,#08142c 78%)}
.inner-kicker i{background:var(--shc-aqua)}
.premium-directory{background:
radial-gradient(circle at 6% 8%,rgba(75,108,255,.08),transparent 17%),
radial-gradient(circle at 94% 24%,rgba(245,92,200,.06),transparent 16%),
linear-gradient(180deg,#f6f7fc 0%,#fff 42%,#f9f8ff 100%)}
.premium-directory .filter-chip.active{background:linear-gradient(120deg,var(--shc-electric),var(--shc-violet));border-color:transparent}
.premium-pro-card:nth-child(3n+1) .avatar{background:linear-gradient(145deg,#315cff,#7082ff)}
.premium-pro-card:nth-child(3n+2) .avatar{background:linear-gradient(145deg,#7046d9,#b05ce5)}
.premium-pro-card:nth-child(3n+3) .avatar{background:linear-gradient(145deg,#ec516e,#ff8d62)}
.premium-pro-card:nth-child(3n+1) .card-glow{background:radial-gradient(circle,rgba(75,108,255,.16),transparent 68%)}
.premium-pro-card:nth-child(3n+2) .card-glow{background:radial-gradient(circle,rgba(139,92,246,.15),transparent 68%)}
.premium-pro-card:nth-child(3n+3) .card-glow{background:radial-gradient(circle,rgba(255,107,107,.14),transparent 68%)}
.premium-pro-card .request-btn{background:linear-gradient(120deg,#161821,#252b3b)}
.premium-pro-card:hover .request-btn{background:linear-gradient(120deg,var(--shc-electric),var(--shc-violet))}
.premium-form-page{background:
radial-gradient(circle at 5% 12%,rgba(75,108,255,.08),transparent 18%),
radial-gradient(circle at 92% 78%,rgba(57,216,194,.06),transparent 19%),
linear-gradient(180deg,#f4f5fa,#fff)}
.premium-form-side:before{background:radial-gradient(circle,rgba(91,103,255,.38),transparent 68%)}
.premium-form-side:after{background:radial-gradient(circle,rgba(245,92,200,.20),transparent 68%)}
.form-side-orbit i{background:var(--shc-coral)}.form-side-orbit b{background:var(--shc-aqua)}
.premium-form-card .role-choice:nth-child(1).active{background:linear-gradient(120deg,#2f5ee8,#506dff)}
.premium-form-card .role-choice:nth-child(2).active{background:linear-gradient(120deg,#7348db,#a75cec)}
.premium-form-card .role-choice:nth-child(3).active{background:linear-gradient(120deg,#e4516c,#ff8a62)}
.login-role.active{background:linear-gradient(120deg,#11131a,#26315a)}
.login-submit{background:linear-gradient(120deg,#315cff,#7650e8)}
.account-user>span{background:linear-gradient(145deg,#315cff,#8b5cf6 60%,#39d8c2)}
.account-focus{background:linear-gradient(120deg,#161821,#273060 58%,#274e4b)}
.premium-legal-page{background:linear-gradient(180deg,#f7f7fc,#fff)}
.premium-legal-nav{background:linear-gradient(165deg,#0b0c10,#17172a)!important}
.premium-admin{background:
radial-gradient(circle at 7% 7%,rgba(75,108,255,.07),transparent 18%),
linear-gradient(180deg,#f5f6fa,#fff)}

/* More colourful micro-interactions */
.button.primary,.premium-button.primary{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.button.primary:hover,.premium-button.primary:hover{filter:saturate(1.08)}
.save-btn.saved{background:linear-gradient(135deg,#ffe8f3,#f4eaff)!important;color:#e64d9d!important;border-color:#f4cce3!important}

/* Keep colour comfortable on mobile */
@media(max-width:1000px){
  .energy-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .student-energy-section{padding:78px 0 68px}
  .energy-grid{grid-template-columns:1fr}
  .energy-card{min-height:260px}
  .energy-heading h2{font-size:clamp(43px,12vw,58px)}
  .ticker-track{animation-duration:34s}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track{animation:none}
}


/* === SHC Final Directory Colour Balance === */
.premium-directory{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 10%,rgba(99,102,241,.13),transparent 22%),
    radial-gradient(circle at 92% 14%,rgba(236,72,153,.10),transparent 20%),
    radial-gradient(circle at 78% 78%,rgba(45,212,191,.10),transparent 22%),
    radial-gradient(circle at 24% 88%,rgba(96,165,250,.08),transparent 20%),
    linear-gradient(180deg,#f6f6ff 0%,#f4f8ff 42%,#fff7fb 100%)!important;
}
.premium-directory:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(99,102,241,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,102,241,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 78%);
}
.premium-directory>.container{position:relative;z-index:1}

.directory-intro-strip{
  color:#73798a!important;
}
.directory-intro-strip i{
  background:linear-gradient(135deg,#6366f1,#ec4899)!important;
  width:5px!important;
  height:5px!important;
}

.premium-directory .directory-toolbar{
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(124,131,210,.15)!important;
  box-shadow:
    0 24px 70px rgba(69,78,140,.10),
    inset 0 1px 0 rgba(255,255,255,.85)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
}
.premium-directory .directory-toolbar:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(120deg,rgba(99,102,241,.18),rgba(236,72,153,.09),rgba(45,212,191,.16));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.premium-directory .input,
.premium-directory .select{
  background:rgba(249,250,255,.92)!important;
  border:1px solid rgba(145,151,190,.17)!important;
  color:#263043!important;
}
.premium-directory .input:focus,
.premium-directory .select:focus{
  border-color:rgba(99,102,241,.38)!important;
  box-shadow:0 0 0 4px rgba(99,102,241,.08)!important;
}
.premium-directory .input::placeholder{color:#8a8f9d}

.premium-directory .filter-chip{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(137,144,177,.20)!important;
  color:#515a70!important;
  box-shadow:0 5px 14px rgba(65,74,120,.035);
}
.premium-directory .filter-chip:hover{
  border-color:rgba(99,102,241,.28)!important;
  transform:translateY(-1px);
}
.premium-directory .filter-chip.active{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(120deg,#5b67f1 0%,#8b5cf6 50%,#e45fb2 100%)!important;
  box-shadow:0 10px 24px rgba(116,92,222,.22)!important;
}
.premium-directory .toolbar-meta>span{
  color:#737a8b!important;
}

.premium-pro-card{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(249,248,255,.96))!important;
  border:1px solid rgba(125,132,178,.11)!important;
}
.premium-pro-card:nth-child(3n+1){
  background:
    radial-gradient(circle at 90% 8%,rgba(99,102,241,.10),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f4f6ff 100%)!important;
}
.premium-pro-card:nth-child(3n+2){
  background:
    radial-gradient(circle at 92% 8%,rgba(139,92,246,.10),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#faf4ff 100%)!important;
}
.premium-pro-card:nth-child(3n+3){
  background:
    radial-gradient(circle at 92% 8%,rgba(244,114,182,.10),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#fff5f8 100%)!important;
}
.premium-pro-card:hover{
  box-shadow:0 34px 86px rgba(71,78,133,.16)!important;
}
.premium-pro-card .pro-meta{
  background:rgba(255,255,255,.60)!important;
  border:1px solid rgba(133,141,175,.09);
}
.premium-pro-card .service-tag{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(133,141,175,.10)!important;
}
.premium-pro-card:nth-child(3n+1) .service-tag{color:#4e62bf!important}
.premium-pro-card:nth-child(3n+2) .service-tag{color:#7352b3!important}
.premium-pro-card:nth-child(3n+3) .service-tag{color:#b14f74!important}

.premium-pro-card .request-btn{
  background:linear-gradient(120deg,#202534,#2d3650)!important;
  box-shadow:0 8px 20px rgba(28,36,55,.12);
}
.premium-pro-card:hover .request-btn{
  background:linear-gradient(120deg,#5865ef,#805fe6 55%,#d95da6)!important;
}
.premium-pro-card .save-btn{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(133,141,175,.15)!important;
}
.premium-pro-card .save-btn:hover{
  background:linear-gradient(135deg,#f2f4ff,#fff1fa)!important;
  border-color:rgba(139,92,246,.20)!important;
}

.premium-directory .sponsored{
  background:linear-gradient(135deg,#fff0f7,#fff5ea)!important;
  color:#b04f72!important;
  border-color:#f6cfdf!important;
}

@media(max-width:720px){
  .premium-directory{
    background:
      radial-gradient(circle at 4% 8%,rgba(99,102,241,.11),transparent 19%),
      radial-gradient(circle at 96% 26%,rgba(236,72,153,.08),transparent 18%),
      linear-gradient(180deg,#f7f7ff,#fff9fc)!important;
  }
}


/* Final production account activity */
.account-activity{margin-top:26px;background:#fff;border:1px solid rgba(112,121,155,.12);border-radius:24px;padding:24px;box-shadow:0 18px 55px rgba(25,34,60,.055)}
.account-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.account-section-head span,.account-activity>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#818898}
.account-section-head h2,.account-activity>h2{margin:5px 0 0;font-size:24px;letter-spacing:-.04em;color:#171a22}
.account-section-head small{font-size:10px;color:#8b91a0}
.account-enquiry-list{display:grid;gap:9px}
.account-enquiry-list article{display:flex;justify-content:space-between;gap:22px;padding:15px 16px;border-radius:16px;background:linear-gradient(120deg,#f7f8ff,#fbf8ff);border:1px solid rgba(123,130,180,.09)}
.account-enquiry-list article b{font-size:13px;color:#202431}
.account-enquiry-list article span{display:block;margin-top:3px;font-size:10px;color:#6f7788}
.account-enquiry-list article p{font-size:11px;color:#777f8f;margin:7px 0 0;line-height:1.55}
.enquiry-contact{text-align:right;min-width:180px}
.enquiry-contact a{display:block;font-size:10px;color:#5668d8;text-decoration:none;overflow-wrap:anywhere}
.enquiry-contact small{display:block;margin-top:7px;color:#9a9faa;font-size:9px}
.empty-account-activity{background:linear-gradient(120deg,#f9faff,#fff8fc)}
.empty-account-activity p{font-size:12px;color:#757d8d;margin:8px 0 0}
.mock-preview-note{display:inline-flex;margin-bottom:10px;padding:5px 8px;border-radius:999px;background:#eef1ff;color:#5b68c5;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:700px){.account-enquiry-list article{flex-direction:column}.enquiry-contact{text-align:left;min-width:0}.account-section-head{align-items:flex-start;flex-direction:column}}


/* Clearly labelled visual-only demo profile for empty directories */
.demo-profile-card{position:relative;overflow:hidden;border-style:dashed}
.demo-profile-ribbon{position:absolute;top:14px;right:-34px;transform:rotate(35deg);padding:6px 42px;background:#161a2a;color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em;z-index:3}
.demo-avatar span{font-size:9px;letter-spacing:.04em}
.demo-warning{color:#a24f67!important;font-weight:800}
.demo-disclaimer{margin-top:14px;padding:10px 12px;border-radius:12px;background:rgba(255,244,248,.9);border:1px solid rgba(216,120,150,.18);font-size:10px;line-height:1.5;color:#865469}
.demo-profile-card .button[disabled],.demo-profile-card .save-btn[disabled]{cursor:not-allowed;opacity:.58}


/* SHC Admin full professional review */
.admin-review-overlay{position:fixed;inset:0;z-index:180;background:rgba(6,9,16,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:28px}
.admin-review-modal{width:min(980px,100%);max-height:min(88vh,900px);overflow:auto;background:#fff;border-radius:28px;box-shadow:0 35px 120px rgba(0,0,0,.34);padding:28px;border:1px solid rgba(255,255,255,.3)}
.admin-review-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #eceef2}
.admin-review-head h2{font-size:30px;letter-spacing:-.04em;margin:5px 0 6px;color:#111214}
.admin-review-head p{margin:0;color:#707784;font-size:13px;line-height:1.6;max-width:680px}
.admin-review-close{border:0;background:#f2f3f5;width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:26px;line-height:1;color:#25282d}
.admin-review-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 0;color:#747b87;font-size:11px}
.admin-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-review-detail{padding:14px 15px;border:1px solid #e7e9ee;border-radius:16px;background:#fafbfc;min-width:0}
.admin-review-detail.wide{grid-column:1/-1}
.admin-review-detail small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:850;color:#8a909b;margin-bottom:6px}
.admin-review-detail div{color:#20242b;font-size:12px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}
.admin-review-empty{color:#a2a7b0;font-style:italic}
.admin-review-decision{margin-top:20px;padding-top:20px;border-top:1px solid #eceef2;display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:18px;align-items:end}
.admin-review-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.danger-button{border-color:#f0c9c4!important;color:#a23e34!important;background:#fff7f5!important}
.danger-button:hover{background:#fff0ed!important}
@media(max-width:760px){.admin-review-overlay{padding:10px}.admin-review-modal{padding:18px;border-radius:20px;max-height:94vh}.admin-review-grid{grid-template-columns:1fr}.admin-review-detail.wide{grid-column:auto}.admin-review-decision{grid-template-columns:1fr}.admin-review-buttons{justify-content:flex-start}.admin-review-head h2{font-size:24px}}


/* SHC admin contact inbox */
.admin-contact-list{display:grid;gap:10px}
.admin-contact-row{display:grid;grid-template-columns:1fr 2fr auto;gap:18px;align-items:start;background:#fff;border:1px solid #e4e6e9;border-radius:18px;padding:16px 18px;box-shadow:0 10px 35px rgba(7,18,32,.04)}
.admin-contact-row b{color:#111214}
.admin-contact-row p{margin:0;color:#5f6672;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.admin-contact-row .meta{font-size:10px;color:#8b919a;margin-top:4px}
@media(max-width:820px){.admin-contact-row{grid-template-columns:1fr}}


/* Full SHC professional profile experience */
.clickable-pro-card{cursor:pointer}
.clickable-pro-card .pro-actions,.clickable-pro-card button{cursor:auto}
.pro-photo-thumb{overflow:hidden;background:#eef1ff}
.pro-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.view-profile-hint{margin-top:5px;font-size:9px;font-weight:800;color:#6570d9;letter-spacing:.02em}
.profile-loading{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#6f7683}
.professional-profile-page{padding:34px 0 80px;background:linear-gradient(180deg,#f8f9fc 0%,#fff 42%)}
.professional-profile-shell{max-width:1180px}
.profile-back-link{display:inline-flex;margin-bottom:18px;color:#5e6470;text-decoration:none;font-size:12px;font-weight:700}
.professional-profile-hero{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid #e6e8ee;border-radius:30px;padding:30px;box-shadow:0 24px 70px rgba(10,18,40,.08)}
.professional-profile-photo-wrap{display:flex;align-items:center;justify-content:center}
.professional-profile-photo{width:220px;height:220px;border-radius:26px;object-fit:cover;display:block;box-shadow:0 18px 45px rgba(27,36,65,.14)}
.professional-profile-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5d67f8,#7d8cff);color:white;font-size:56px;font-weight:900}
.professional-profile-intro h1{font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px;color:#111214}
.profile-kicker{text-transform:uppercase;font-size:9px;font-weight:850;letter-spacing:.12em;color:#727985}
.profile-credential{font-size:13px;font-weight:800;color:#2f7759;margin:8px 0}
.profile-business{font-size:16px;font-weight:800;color:#252933;margin:12px 0 4px}
.profile-location{font-size:13px;color:#69717e}
.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.professional-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.profile-detail-card{background:#fff;border:1px solid #e7e9ee;border-radius:24px;padding:24px;box-shadow:0 15px 45px rgba(10,18,40,.05)}
.profile-detail-card>span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:850;color:#8a909c}
.profile-detail-card h2{font-size:24px;letter-spacing:-.035em;margin:6px 0 18px;color:#16191f}
.profile-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-detail-list div{padding:13px;border-radius:15px;background:#f8f9fb;border:1px solid #eceef2}
.profile-detail-list small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#9297a0;margin-bottom:5px}
.profile-detail-list b{font-size:12px;color:#262a32;line-height:1.45}
.profile-service-list{display:flex;gap:8px;flex-wrap:wrap}
.profile-service-list span{padding:9px 12px;border-radius:999px;background:#f4f5ff;border:1px solid #e4e6fb;color:#4c59bf;font-size:11px;font-weight:800}
.profile-links{display:grid;gap:10px}
.profile-links a,.profile-links div,.profile-links span{padding:12px 14px;border-radius:14px;background:#f8f9fb;border:1px solid #eceef2;color:#4d5562;text-decoration:none;font-size:12px;overflow-wrap:anywhere}
.profile-trust-card p{font-size:12px;line-height:1.7;color:#6b7280;margin:0}
.admin-review-photo-wrap{display:flex;justify-content:flex-start;margin:0 0 18px}
.admin-review-photo{width:110px;height:110px;object-fit:cover;border-radius:18px;border:1px solid #e4e6eb;box-shadow:0 12px 28px rgba(9,18,36,.10)}
@media(max-width:760px){.professional-profile-hero{grid-template-columns:1fr;padding:20px}.professional-profile-photo{width:150px;height:150px}.professional-profile-intro h1{font-size:38px}.professional-profile-grid{grid-template-columns:1fr}.profile-detail-list{grid-template-columns:1fr}}


/* MARA professional account registration and demo billing */
.mara-account-panel,.account-billing{margin-top:26px;background:#fff;border:1px solid rgba(112,121,155,.12);border-radius:24px;padding:24px;box-shadow:0 18px 55px rgba(25,34,60,.055)}
.mara-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mara-account-grid article{padding:17px;border-radius:17px;background:linear-gradient(135deg,#f7f8ff,#fbfaff);border:1px solid rgba(112,121,155,.10)}
.mara-account-grid small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8b91a0;margin-bottom:8px}
.mara-account-grid strong{font-size:17px;letter-spacing:-.025em;color:#1b1e26;overflow-wrap:anywhere}
.billing-card-row{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:22px;align-items:center}
.billing-card-visual{min-height:190px;border-radius:24px;padding:24px;background:linear-gradient(135deg,#171b2d,#303861 55%,#285960);color:#fff;box-shadow:0 22px 55px rgba(18,27,55,.20);display:flex;flex-direction:column;justify-content:space-between}
.billing-card-brand{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:850;opacity:.8}
.billing-card-visual strong{font-size:23px;letter-spacing:.08em}
.billing-card-visual small{font-size:11px;opacity:.76}
.billing-card-meta p,.billing-empty p{font-size:12px;line-height:1.65;color:#707784;margin:12px 0 16px}
.billing-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:18px;background:#f8f9fc;border:1px solid #eceef3}
.billing-empty b{font-size:15px;color:#242832}
.mara-only-field[hidden]{display:none!important}
@media(max-width:760px){.mara-account-grid{grid-template-columns:1fr}.billing-card-row{grid-template-columns:1fr}.billing-card-visual{min-height:170px}.billing-empty{align-items:flex-start;flex-direction:column}}


/* Final global readability pass */
:root{
  --muted:#5b6574;
  --readable-muted:#5d6674;
  --readable-label:#697280;
}
.page-hero .lead,
.section-copy,
.form-card .meta,
.form-card .help,
.form-card .notice,
.form-message,
.field label,
.account-main > p,
.account-main .account-section-head span,
.account-main .account-section-head small,
.account-main .stat-card small,
.account-main .account-focus span,
.account-main .account-activity > span,
.account-main .account-enquiry-list span,
.account-main .account-enquiry-list small,
.mara-account-grid small,
.billing-card-meta p,
.billing-empty p,
.professional-profile-page .profile-kicker,
.professional-profile-page .profile-location,
.professional-profile-page .profile-detail-card > span,
.professional-profile-page .profile-detail-list small,
.professional-profile-page .profile-trust-card p,
.professional-profile-page .view-profile-hint,
.admin-review-head p,
.admin-review-status,
.admin-review-detail small,
.admin-contact-row .meta,
.legal-content p,
.legal-content li,
.demo-disclaimer{
  color:var(--readable-muted)!important;
}
.profile-detail-list small,
.mara-account-grid small,
.stat-card small,
.account-card small,
.fee-label{
  color:var(--readable-label)!important;
}
.input::placeholder,
textarea::placeholder{
  color:#77808d!important;
  opacity:1;
}
.account-sidebar small,
.account-sidebar nav a{
  color:#aeb7c3!important;
}
.account-sidebar nav a.active{
  color:#fff!important;
}

/* Professional photo upload */
.profile-photo-upload{
  display:grid;
  grid-template-columns:minmax(0,1fr) 128px;
  gap:14px;
  align-items:center;
}
.photo-upload-preview{
  width:128px;
  height:128px;
  border-radius:18px;
  border:1px dashed #c9ced8;
  background:#f7f8fb;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#68717f;
  font-size:11px;
  text-align:center;
  padding:10px;
}
.photo-upload-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:15px;
}
.photo-error{
  color:#a63d34!important;
  font-weight:700;
}

/* Public professional contact and social details */
.profile-contact-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.profile-contact-list a,
.profile-contact-list > div{
  display:block;
  padding:14px;
  border:1px solid #e6e9ee;
  border-radius:15px;
  background:#f8f9fb;
  text-decoration:none;
  min-width:0;
}
.profile-contact-list small{
  display:block;
  margin-bottom:5px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:8px;
  color:#697280!important;
}
.profile-contact-list b{
  display:block;
  color:#232832;
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.profile-contact-list a:hover{
  border-color:#bcc5f3;
  background:#f4f5ff;
}
.profile-social-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.profile-social-grid a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid #e5e8ee;
  background:#f8f9fb;
  text-decoration:none;
}
.profile-social-grid a b{
  color:#252a34;
  font-size:12px;
}
.profile-social-grid a span{
  color:#5e67c7;
  font-size:10px;
  font-weight:750;
}
.profile-social-empty{
  color:#5d6674;
  font-size:12px;
}
.full-span-card{
  grid-column:1/-1;
}

@media(max-width:760px){
  .profile-photo-upload{grid-template-columns:1fr}
  .photo-upload-preview{width:110px;height:110px}
  .profile-contact-list,.profile-social-grid{grid-template-columns:1fr}
}


/* Extra contrast coverage for small labels across light surfaces */
.account-main small,
.account-main .meta,
.account-main .account-topline span,
.account-main .account-stats article span,
.account-main .account-stats article small,
.account-main .account-focus small,
.professional-profile-page small,
.professional-profile-page .meta,
.form-card small,
.form-card .meta,
.form-card .help,
.admin-review-modal small,
.admin-review-modal .meta,
.admin-page .meta,
.directory-wrap .meta,
.directory-wrap .fee-label,
.directory-wrap .reviews{
  color:#5d6674!important;
}


/* Invoice preview action only; preserves existing billing layout */
.billing-empty-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.billing-card-meta #invoice-sample-action{margin-left:8px}
@media(max-width:720px){.billing-card-meta #invoice-sample-action{margin-left:0;margin-top:8px}}


.billing-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.billing-plan-choice{appearance:none;width:100%;text-align:left;border:1px solid #d8dee8;background:#fff;border-radius:14px;padding:16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.billing-plan-choice:hover{transform:translateY(-2px);border-color:#9aa7b8;box-shadow:0 10px 26px rgba(15,23,42,.08)}
.billing-plan-choice span{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.billing-plan-choice strong{display:block;margin-top:5px;font-size:24px;color:#111827}
.billing-plan-choice small{display:block;margin-top:5px;color:#64748b;line-height:1.4}
.billing-plan-choice.featured{border-width:2px}
.billing-auto-renew-note{font-size:13px;color:#475569;line-height:1.55}
@media(max-width:720px){.billing-plan-options{grid-template-columns:1fr}}




.billing-status-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:15px 17px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.billing-status-strip div{min-width:150px}
.billing-status-strip small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:4px}
.billing-status-strip strong{font-size:15px;color:#1f2937}
.billing-status-strip p{margin:0;max-width:520px;font-size:12px;line-height:1.55;color:#5d6674}
.billing-status-strip.approved{border-color:#cce8d6;background:#f3fbf6}
.billing-status-strip.warning{border-color:#f1d8a8;background:#fffaf0}
.billing-status-strip.rejected{border-color:#efc6c2;background:#fff6f5}
.billing-history{margin-top:26px;background:#fff;border:1px solid rgba(112,121,155,.12);border-radius:24px;padding:24px;box-shadow:0 18px 55px rgba(25,34,60,.055)}
.billing-invoice-list{display:grid;gap:10px}
.billing-invoice-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #e7eaf0;border-radius:15px;background:#fafbfc}
.billing-invoice-list article div{display:grid;gap:3px}
.billing-invoice-list b{font-size:14px;color:#222832}
.billing-invoice-list span,.billing-invoice-unavailable{font-size:11px;color:#697280}
.billing-history-empty{padding:18px;border-radius:15px;background:#f8f9fc;border:1px solid #eceef3}
.billing-history-empty b{font-size:14px;color:#242832}
.billing-history-empty p{margin:6px 0 0;font-size:12px;line-height:1.6;color:#5d6674}
@media(max-width:720px){.billing-status-strip,.billing-invoice-list article{align-items:flex-start;flex-direction:column}.billing-invoice-list .button{width:100%}}


/* Growth, matching and trust additions */
.directory-match-cta{margin-top:28px;padding:22px 24px;border:1px solid #dce8ee;border-radius:20px;background:linear-gradient(135deg,#f7fbfd,#fff);display:flex;align-items:center;justify-content:space-between;gap:20px}
.directory-match-cta span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.directory-match-cta h3{margin:5px 0 5px;color:var(--navy);font-size:22px}
.directory-match-cta p{margin:0;color:var(--muted);font-size:13px;max-width:680px}

.public-action-overlay{position:fixed;inset:0;background:rgba(7,19,34,.62);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:9999;overflow:auto}
.public-action-modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:26px;box-shadow:0 30px 100px rgba(5,24,43,.26)}
.public-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.public-action-head h2{margin:5px 0 7px;color:var(--navy);font-size:28px}
.public-action-head p{margin:0;color:var(--muted);max-width:600px}
.public-action-close{border:0;background:#eef4f7;color:var(--navy);border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer;flex:0 0 38px}

.profile-report-link{border:0;background:transparent;color:#6b7280;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0 0;font:inherit;font-size:12px}
.profile-report-link:hover{color:var(--navy)}

.mara-growth-page .energy-heading{max-width:800px}
.mara-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.mara-benefit-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 32px rgba(8,47,73,.05)}
.mara-benefit-grid article>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--blue)}
.mara-benefit-grid h3{margin:10px 0 8px;color:var(--navy);font-size:19px}
.mara-benefit-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.mara-growth-offer{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center}
.mara-growth-offer h2{color:var(--navy);font-size:clamp(30px,3.3vw,45px);margin:8px 0 12px;line-height:1.08}
.mara-growth-offer p{color:var(--muted);max-width:650px}
.mara-price-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mara-price-pair article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:5px}
.mara-price-pair article.featured{border-color:#9dd8e9;box-shadow:0 10px 30px rgba(2,132,199,.09)}
.mara-price-pair small{color:var(--muted);font-weight:800}
.mara-price-pair strong{font-size:28px;color:var(--navy)}
.mara-price-pair span{font-size:12px;color:var(--muted)}
.mara-growth-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f7fcfd,#fff)}
.mara-growth-cta>div>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.mara-growth-cta h2{margin:6px 0;color:var(--navy)}
.mara-growth-cta p{margin:0;color:var(--muted)}

.growth-command-card{margin:22px 0 34px;padding:24px;border:1px solid #dbe8ef;border-radius:24px;background:linear-gradient(135deg,#f8fcfd,#fff);box-shadow:0 18px 50px rgba(8,47,73,.06)}
.growth-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.growth-command-head span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.growth-command-head h2{margin:6px 0;color:var(--navy);font-size:30px}
.growth-command-head p{margin:0;color:var(--muted)}
.growth-target-number{text-align:right;white-space:nowrap}
.growth-target-number strong{display:block;font-size:42px;color:var(--navy);line-height:1}
.growth-target-number span{font-size:12px;color:var(--muted)}
.growth-progress{height:10px;border-radius:999px;background:#e8eff3;overflow:hidden;margin:22px 0}
.growth-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0e7490,#0284c7)}
.growth-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.growth-metrics article,.admin-funnel-grid article{border:1px solid #e6edf1;background:#fff;border-radius:14px;padding:13px}
.growth-metrics small,.admin-funnel-grid small{display:block;color:var(--muted);font-size:10px;font-weight:800}
.growth-metrics strong,.admin-funnel-grid strong{display:block;color:var(--navy);font-size:20px;margin-top:4px}
.admin-funnel-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:14px 0 26px}

@media(max-width:980px){
  .mara-benefit-grid{grid-template-columns:repeat(2,1fr)}
  .mara-growth-offer{grid-template-columns:1fr}
  .growth-metrics,.admin-funnel-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .directory-match-cta,.mara-growth-cta,.growth-command-head{align-items:flex-start;flex-direction:column}
  .directory-match-cta .button,.mara-growth-cta .premium-button{width:100%;text-align:center}
  .mara-benefit-grid,.mara-price-pair{grid-template-columns:1fr}
  .growth-target-number{text-align:left}
  .growth-metrics,.admin-funnel-grid{grid-template-columns:repeat(2,1fr)}
  .public-action-modal{padding:20px}
}


.home-mara-recruitment{padding:26px 0;background:#f7fbfd;border-bottom:1px solid #e7f0f4}
.home-mara-recruitment-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #dce9ef;border-radius:20px;background:#fff}
.home-mara-recruitment-inner span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.home-mara-recruitment-inner h2{margin:5px 0;color:var(--navy);font-size:25px}
.home-mara-recruitment-inner p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:680px){.home-mara-recruitment-inner{align-items:flex-start;flex-direction:column}.home-mara-recruitment-inner .premium-button{width:100%;text-align:center}}


/* === SHC production polish · 14 Oct 2026 === */
:root{
  --shc-navy:#0b1739;
  --shc-navy-2:#152a5d;
  --shc-blue:#315cff;
  --shc-blue-soft:#eef2ff;
  --shc-violet:#7c4dff;
  --shc-aqua:#22c7b8;
  --shc-coral:#f56b6b;
  --shc-text:#171b26;
  --shc-muted:#5f6878;
  --shc-surface:#ffffff;
  --shc-surface-soft:#f6f8fc;
  --shc-border:#e3e8f1;
  --shc-focus:#315cff;
}
html{scroll-padding-top:92px}
body{color:var(--shc-text);background:#fff}
::selection{background:#dce5ff;color:#0b1739}
.skip-link{position:fixed;left:14px;top:10px;z-index:99999;transform:translateY(-160%);background:#fff;color:var(--shc-navy);border:2px solid var(--shc-blue);border-radius:12px;padding:10px 14px;font-weight:850;text-decoration:none;box-shadow:0 12px 34px rgba(12,24,58,.18)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(49,92,255,.28);outline-offset:3px}
.site-header{background:rgba(255,255,255,.90);border-bottom:1px solid rgba(15,31,64,.08);box-shadow:0 6px 24px rgba(15,31,64,.045)}
.header-inner{min-height:74px}
.brand{min-width:max-content}
.brand-sub{color:#647083}
.nav a{position:relative;color:#263149}
.nav a.active{background:var(--shc-blue-soft);color:var(--shc-navy)}
.nav a.active:after{content:"";position:absolute;left:16px;right:16px;bottom:3px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--shc-blue),var(--shc-violet))}
.nav .cta{background:linear-gradient(120deg,var(--shc-navy),var(--shc-navy-2));box-shadow:0 8px 18px rgba(11,23,57,.14)}
.nav .cta.active{background:linear-gradient(120deg,var(--shc-blue),var(--shc-violet));color:#fff}
.nav .cta.active:after{display:none}
.mobile-menu{align-items:center;gap:9px;min-height:42px;padding:9px 12px;border-radius:13px;border-color:#dce3ee;color:var(--shc-navy)}
.mobile-menu-bars{display:grid;gap:4px;width:17px}
.mobile-menu-bars i{display:block;height:2px;border-radius:999px;background:currentColor;transition:transform .22s ease,opacity .22s ease}
.mobile-menu.open .mobile-menu-bars i:first-child{transform:translateY(3px) rotate(45deg)}
.mobile-menu.open .mobile-menu-bars i:last-child{transform:translateY(-3px) rotate(-45deg)}

.premium-hero{background:
radial-gradient(circle at 78% 24%,rgba(49,92,255,.16),transparent 26%),
radial-gradient(circle at 72% 75%,rgba(34,199,184,.11),transparent 30%),
radial-gradient(circle at 28% 8%,rgba(124,77,255,.06),transparent 24%),
linear-gradient(180deg,#fff 0%,#f7f9fd 100%)}
.hero-v2-copy p,.energy-heading p,.journey-copy>p,.section-intro>p{color:var(--shc-muted)}
.hero-v2-kicker{color:#48546b}
.hero-v2-kicker i{background:var(--shc-aqua)!important}
.hero-v2-copy h1 span{background:linear-gradient(92deg,#315cff 0%,#6f5cff 42%,#b650cf 70%,#1cae9f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-main{background:linear-gradient(120deg,var(--shc-navy),#253d7a)!important;color:#fff!important;box-shadow:0 16px 34px rgba(18,39,89,.18)!important}
.hero-main:hover{background:linear-gradient(120deg,#142963,#315cff)!important}
.hero-ghost{border-color:#d9e0ec!important;background:rgba(255,255,255,.72)!important;color:#1c2943!important}
.hero-ghost:hover{background:#fff!important;border-color:#b9c6dc!important}
.trust-strip-inner>div{border-color:#e5eaf2}
.home-mara-recruitment{background:linear-gradient(90deg,#f7f9ff,#f8fcfb)}
.home-mara-recruitment-inner{border-color:#dfe6f1;box-shadow:0 14px 36px rgba(20,39,78,.055)}
.home-mara-recruitment-inner span{color:var(--shc-blue)}
.student-energy-section{background:
radial-gradient(circle at 8% 7%,rgba(49,92,255,.08),transparent 18%),
radial-gradient(circle at 92% 20%,rgba(124,77,255,.07),transparent 18%),
linear-gradient(180deg,#f7f9fd,#fff)}
.energy-blue{background:linear-gradient(145deg,#173ca4,#315cff 58%,#6d86ff)}
.energy-violet{background:linear-gradient(145deg,#4a277f,#7c4dff 57%,#b16ce9)}
.energy-coral{background:linear-gradient(145deg,#9e3557,#e45670 58%,#ff9068)}
.energy-aqua{background:linear-gradient(145deg,#0d6a68,#13a694 58%,#48d4bb)}
.path-mara{background:linear-gradient(145deg,#12265e,#315cff 62%,#7188ff)}
.path-edu{background:linear-gradient(145deg,#472172,#7c4dff 58%,#bd65dc)}
.path-pte{background:linear-gradient(145deg,#7d2b4d,#e45670 58%,#ff8d68)}
.pro-cta{background:linear-gradient(120deg,#2b55e8 0%,#7751e7 48%,#cf58b3 78%,#20aa9a 118%)}
.closing-section{background:
radial-gradient(circle at 18% 20%,rgba(49,92,255,.30),transparent 29%),
radial-gradient(circle at 82% 72%,rgba(34,199,184,.20),transparent 29%),
#080c18}

.premium-inner-hero{background:
radial-gradient(circle at 77% 20%,rgba(49,92,255,.24),transparent 26%),
radial-gradient(circle at 88% 74%,rgba(34,199,184,.12),transparent 24%),
radial-gradient(circle at 46% -15%,rgba(124,77,255,.10),transparent 26%),
#080c18}
.premium-inner-hero .lead{color:#aab4c4!important}
.inner-kicker{color:#d8dfeb}
.inner-kicker i{background:var(--shc-aqua)!important}
.sculpture-core{background:radial-gradient(circle at 34% 23%,#f2fbff,#74b8ff 16%,#536dff 36%,#6b45c2 54%,#0a1738 79%)}

.premium-directory{background:
radial-gradient(circle at 4% 6%,rgba(49,92,255,.065),transparent 17%),
radial-gradient(circle at 96% 22%,rgba(124,77,255,.045),transparent 16%),
linear-gradient(180deg,#f7f9fd 0%,#fff 44%,#fafbfe 100%)}
.premium-directory .directory-toolbar{border-color:#dfe5ee;box-shadow:0 20px 60px rgba(22,40,78,.075)}
.premium-directory .input,.premium-directory .select{background:#fbfcfe;border-color:#dfe5ee;color:#20293a}
.premium-directory .input:focus,.premium-directory .select:focus{background:#fff;border-color:#9db0ff;box-shadow:0 0 0 4px rgba(49,92,255,.10)}
.premium-directory .filter-chip{border-color:#dfe5ee;color:#3c485f}
.premium-directory .filter-chip:hover{background:#f3f6fb;border-color:#cbd5e4}
.premium-directory .filter-chip.active{background:linear-gradient(120deg,var(--shc-blue),var(--shc-violet));color:#fff;border-color:transparent;box-shadow:0 7px 18px rgba(82,76,225,.18)}
.premium-pro-card{height:100%;background:rgba(255,255,255,.96);border-color:#e2e7ef!important;box-shadow:0 14px 44px rgba(22,39,74,.065)!important}
.premium-pro-card:hover{box-shadow:0 26px 70px rgba(22,39,74,.12)!important;border-color:#cdd7e7!important}
.premium-pro-card .pro-name{color:#17213a}
.premium-pro-card .verified-line{color:#34705d}
.premium-pro-card .pro-meta{background:#f7f9fc}
.premium-pro-card .request-btn{background:linear-gradient(120deg,var(--shc-navy),#26385e)}
.premium-pro-card:hover .request-btn{background:linear-gradient(120deg,var(--shc-blue),var(--shc-violet))}
.view-profile-hint{color:#596b8f!important}
.directory-match-cta{border-color:#dfe5ee;background:linear-gradient(135deg,#f7f9ff,#fff)}
.directory-match-cta span{color:var(--shc-blue)}

.premium-form-page{background:
radial-gradient(circle at 4% 10%,rgba(49,92,255,.07),transparent 18%),
radial-gradient(circle at 94% 80%,rgba(34,199,184,.055),transparent 20%),
linear-gradient(180deg,#f6f8fc,#fff)}
.premium-form-side{background:linear-gradient(150deg,#0b1739,#1c2f5d 62%,#264e66)!important}
.premium-form-card{border-color:#e2e7ef!important;box-shadow:0 24px 70px rgba(20,37,72,.08)!important}
.premium-form-card .input,.premium-form-card .select{background:#fbfcfe;border-color:#dfe5ee}
.premium-form-card .input:focus,.premium-form-card .select:focus{background:#fff;border-color:#9db0ff;box-shadow:0 0 0 4px rgba(49,92,255,.10)}
.premium-form-card .role-choice:nth-child(1).active{background:linear-gradient(120deg,#315cff,#5875ff)}
.premium-form-card .role-choice:nth-child(2).active{background:linear-gradient(120deg,#7147d5,#9b5ce5)}
.premium-form-card .role-choice:nth-child(3).active{background:linear-gradient(120deg,#d94d68,#f17b63)}

.professional-profile-page,.account-page,.premium-admin,.premium-legal-page{background:linear-gradient(180deg,#f7f9fd,#fff)}
.professional-profile-hero,.profile-detail-card,.account-main,.account-sidebar,.billing-history,.premium-admin .stat-card,.premium-admin .admin-table,.premium-legal-content{border-color:#e1e7f0!important;box-shadow:0 16px 50px rgba(18,36,72,.065)!important}
.account-focus{background:linear-gradient(120deg,#0b1739,#253c78 58%,#225f59)}
.premium-legal-nav{background:linear-gradient(165deg,#0b1739,#171b35)!important}
.footer{background:#070d1d}
.footer a:hover{color:#fff}
.footer-bottom{border-top-color:rgba(255,255,255,.10)}

@media(min-width:1360px){
  .premium-directory .professional-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .premium-pro-card{padding:18px!important;border-radius:23px!important}
  .premium-pro-card .avatar{width:54px;height:54px;border-radius:17px}
  .premium-pro-card .pro-name{font-size:18px}
}
@media(min-width:1081px) and (max-width:1359px){
  .premium-directory .professional-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
  .premium-pro-card{padding:20px!important}
}
@media(max-width:1080px){
  .nav{display:none}
  .mobile-menu{display:inline-flex}
  body.menu-open{overflow:hidden}
  .nav.open{display:flex;position:fixed;left:14px;right:14px;top:82px;max-height:calc(100vh - 98px);overflow:auto;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:rgba(255,255,255,.98);border:1px solid #dfe5ee;border-radius:22px;box-shadow:0 28px 90px rgba(12,27,61,.20);backdrop-filter:blur(22px)}
  .nav.open a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 14px;border-radius:14px;font-size:15px}
  .nav.open a.active:after{display:none}
  .nav.open .cta{justify-content:center;margin-top:6px}
  .premium-directory .professional-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:720px){
  .container{width:min(100% - 24px,1460px)}
  .header-inner{min-height:70px}
  .site-header{backdrop-filter:saturate(160%) blur(18px)}
  .nav.open{left:10px;right:10px;top:78px}
  .mobile-menu-label{font-size:13px}
  .premium-hero{min-height:auto;padding-top:58px}
  .hero-v2-copy h1{font-size:clamp(48px,14vw,68px)}
  .hero-v2-copy p{font-size:16px}
  .premium-actions{align-items:stretch}
  .premium-actions .premium-button,.hero-login-link{width:100%;text-align:center}
  .hero-v2-proof{grid-template-columns:1fr!important}
  .premium-directory .professional-grid{grid-template-columns:1fr}
  .premium-directory .directory-toolbar{border-radius:20px;padding:13px}
  .quick-actions{width:100%}
  .quick-actions .filter-chip{flex:1;text-align:center;min-height:38px}
  .premium-pro-card{padding:20px!important;border-radius:24px!important}
  .directory-match-cta{padding:20px}
  .premium-form-card{padding:22px!important}
  .footer{padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* === SHC Launch Freeze Readability Pass === */
:root{
  --muted:#475569;
  --premium-muted:#535b66;
  --readable-muted:#46515f;
  --readable-label:#4b5563;
}
.account-main .account-section-head span,
.account-main .account-activity>span{
  color:#334155!important;
  font-size:10px;
  font-weight:850;
}
.account-main .account-section-head small{
  color:#475569!important;
  font-size:11px;
  font-weight:700;
}
.account-main .mara-account-grid small,
.account-main .billing-status-strip small,
.account-main .billing-plan-choice span,
.account-main .billing-plan-choice small,
.account-main .billing-card-meta p,
.account-main .billing-empty p,
.account-main .billing-history-empty p,
.account-main .billing-invoice-list span,
.account-main .billing-invoice-unavailable,
.account-main .account-enquiry-list span,
.account-main .account-enquiry-list small,
.account-main .account-enquiry-list p{
  color:#475569!important;
}
.account-main .billing-plan-choice span,
.account-main .billing-status-strip small,
.account-main .mara-account-grid small{
  font-weight:800;
}
.premium-admin .stat-card small,
.premium-admin .admin-row .meta,
.premium-admin .admin-review-head p,
.premium-admin .admin-review-status,
.premium-admin .admin-review-detail small,
.premium-admin .admin-contact-row .meta{
  color:#475569!important;
}
.premium-admin .stat-card small,
.premium-admin .admin-review-detail small{
  font-weight:800;
}
.form-card .help,
.form-card .meta,
.form-card .notice,
.form-message,
.section-copy,
.lead,
.legal-content p,
.legal-content li{
  color:#475569!important;
}


/* === FINAL GLOBAL DARK-TEXT READABILITY PASS ===
   Darkens previously light/muted copy on light surfaces while preserving
   intentionally light text inside dark navigation, hero, sidebar and footer areas. */
:root{
  --muted:#334155;
  --premium-muted:#374151;
  --readable-muted:#334155;
  --readable-label:#374151;
}

body{color:#172033}

.brand-sub,
.page-hero .lead,
.section-copy,
.form-card .meta,
.form-card .help,
.form-card .notice,
.form-message,
.field label,
.label,
.notice,
.check,
.toolbar-meta,
.empty-state,
.pro-meta,
.fee-label,
.reviews,
.account-main > p,
.account-main .account-section-head span,
.account-main .account-section-head small,
.account-main .stat-card small,
.account-main .account-focus span,
.account-main .account-activity > span,
.account-main .account-enquiry-list span,
.account-main .account-enquiry-list small,
.account-main .account-enquiry-list p,
.mara-account-grid small,
.billing-card-meta p,
.billing-empty p,
.billing-plan-choice span,
.billing-plan-choice small,
.billing-auto-renew-note,
.billing-status-strip small,
.billing-status-strip p,
.billing-invoice-list span,
.billing-invoice-unavailable,
.billing-history-empty p,
.professional-profile-page .profile-kicker,
.professional-profile-page .profile-location,
.professional-profile-page .profile-detail-card > span,
.professional-profile-page .profile-detail-list small,
.professional-profile-page .profile-trust-card p,
.professional-profile-page .view-profile-hint,
.admin-review-head p,
.admin-review-status,
.admin-review-detail small,
.admin-contact-row .meta,
.premium-admin .stat-card small,
.premium-admin .admin-row .meta,
.premium-admin .admin-review-head p,
.premium-admin .admin-review-status,
.premium-admin .admin-review-detail small,
.premium-admin .admin-contact-row .meta,
.legal-content p,
.legal-content li,
.legal-content-head p,
.premium-legal-content p,
.demo-disclaimer,
.profile-report-link,
.directory-match-cta p,
.mara-benefit-grid p,
.mara-growth-offer p,
.public-action-head p,
.login-card > p,
.login-label-row span,
.login-security{
  color:#334155!important;
}

.account-main .account-section-head span,
.account-main .account-activity > span,
.account-main .stat-card small,
.mara-account-grid small,
.billing-plan-choice span,
.billing-status-strip small,
.premium-admin .stat-card small,
.admin-review-detail small,
.field label,
.label{
  color:#27364a!important;
  font-weight:800;
}

.input::placeholder,
textarea::placeholder{
  color:#596579!important;
  opacity:1;
}

/* Preserve contrast in intentionally dark UI areas. */
.site-header .nav .cta,
.button.primary,
.premium-button.primary,
.premium-button.light,
.account-sidebar,
.account-sidebar *,
.footer,
.footer *,
.hero-v2,
.hero-v2 *,
.login-visual,
.login-visual *,
.form-side,
.form-side *,
.billing-card-visual,
.billing-card-visual *,
.demo-profile-ribbon{
  --readable-muted:inherit;
}

.account-sidebar small,
.account-sidebar nav a{color:#d5dbe4!important}
.account-sidebar nav a.active{color:#fff!important}
.footer p,.footer-bottom{color:#c6d8e1!important}
.footer h4{color:#c8deea!important}
.footer a{color:#edf5f8!important}
.hero-v2 p,.hero-v2 small,.hero-v2 span{color:inherit}
.login-visual p,.login-visual small,.login-visual span{color:inherit}
.form-side p,.form-side li{color:#e2edf2!important}
.billing-card-visual small{color:rgba(255,255,255,.86)!important}

/* SHC unified navy / violet / cyan brand system — Oct 2026 */
:root{
  --navy:#0b1230;--navy2:#18245b;--blue:#4458fa;--cyan:#28d6dd;
  --teal:#16bdb7;--coral:#fb6b77;--ink:#182340;--muted:#56627c;
  --bg:#f6f7ff;--soft:#eff0ff;--line:#dce0f5;
  --shadow:0 14px 38px rgba(24,30,84,.10);
}
.site-header{background:rgba(255,255,255,.97);border-bottom-color:#e0e3fa}
.nav .cta,.button.primary{background:linear-gradient(110deg,#415cff,#8750f4);color:#fff}
.nav .cta:hover,.button.primary:hover{background:linear-gradient(110deg,#344de8,#6d3edb)}
.page-hero{background:linear-gradient(125deg,#0b1230 0%,#181d52 54%,#39328e 100%);border-bottom-color:#3d367e}
.page-hero .eyebrow,.page-hero .page-title,.page-hero .hero-title,.page-hero h1{color:#fff}
.page-hero .lead,.page-hero p{color:#e1e6ff}
.page-hero:after{background:radial-gradient(circle,rgba(69,91,255,.42),rgba(40,214,221,0) 68%)}
.hero-v2{background:radial-gradient(circle at 86% 20%,#383092 0%,transparent 45%),linear-gradient(125deg,#090f29,#121638 60%,#101a43)}
.hero-v2-copy h1{max-width:850px;letter-spacing:-.045em}
.hero-v2-copy h1 span{background:linear-gradient(90deg,#5469ff 2%,#a34ff0 52%,#24cfcc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v2-copy .hero-brand-promise{font-size:clamp(14px,1.4vw,18px);font-weight:750;color:#d6deff;max-width:650px;margin-top:15px}
.premium-button.hero-main{background:linear-gradient(105deg,#405bff,#9051f0);color:#fff}
.form-side,.premium-form-side{background:linear-gradient(155deg,#0b1230,#292576 70%,#153d75)}
.form-side-orbit{filter:hue-rotate(27deg)}
.section.soft{background:#eff0ff;border-color:#dfe3f9}
.role-card,.step,.guide-card,.hero-panel{border-color:#dfe2f7}
.role-card:before{background:linear-gradient(90deg,#425aff,#9255e9)}
.role-card.teal:before{background:#28cdd2}
.role-card.coral:before{background:#fb6b77}
.input:focus,.select:focus{border-color:#6f6cf9;box-shadow:0 0 0 3px rgba(100,91,241,.14)}
@media(max-width:700px){.hero-v2-copy h1{font-size:clamp(37px,9vw,62px);letter-spacing:-.035em}}


/* === SHC FINAL GLOBAL DARK THEME · 19 Oct 2026 ===
   One visual system across homepage, directories, forms, account, billing,
   legal pages and admin. No white page/card/content surfaces. */
:root{
  color-scheme:dark;
  --bg-1:#070b1f;
  --bg-2:#0d1333;
  --bg-3:#171f4d;
  --panel:#111933;
  --panel-2:#182247;
  --panel-3:#0d1531;
  --line:#2d3a74;
  --text:#f5f7ff;
  --muted:#c8d2ff;
  --primary:#5563ff;
  --secondary:#9a54f4;
  --accent:#25d7d9;
  --button-gradient:linear-gradient(90deg,#5563ff 0%,#8b5cf6 55%,#25d7d9 100%);

  /* Remap legacy variables so old components inherit the dark system. */
  --navy:#f5f7ff;
  --navy2:#dbe2ff;
  --blue:#6675ff;
  --cyan:#25d7d9;
  --teal:#25d7d9;
  --coral:#ff7b91;
  --ink:#f5f7ff;
  --soft:#111933;
  --bg:#070b1f;
  --white:#111933;
  --shc-navy:#f5f7ff;
  --shc-navy-2:#dbe2ff;
  --shc-blue:#6675ff;
  --shc-blue-soft:#182247;
  --shc-violet:#9a54f4;
  --shc-aqua:#25d7d9;
  --shc-text:#f5f7ff;
  --shc-muted:#c8d2ff;
  --shc-surface:#111933;
  --shc-surface-soft:#0d1531;
  --shc-border:#2d3a74;
  --premium-text:#f5f7ff;
  --premium-muted:#c8d2ff;
  --premium-surface:#111933;
  --premium-line:#2d3a74;
  --readable-muted:#c8d2ff;
  --readable-label:#e0e6ff;
  --shadow:0 18px 48px rgba(0,0,0,.34);
}

html,
body,
#app,
main{
  background:linear-gradient(135deg,var(--bg-1) 0%,var(--bg-2) 52%,var(--bg-3) 100%) fixed!important;
  color:var(--text)!important;
}

body{min-height:100vh}
::selection{background:#6d5df5!important;color:#fff!important}

.site-header{
  background:rgba(7,11,31,.92)!important;
  border-bottom:1px solid rgba(104,117,255,.28)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.26)!important;
}
.shc-word,.brand-sub,.nav a,.mobile-menu{color:var(--text)!important}
.brand-sub{color:var(--muted)!important}
.nav a:hover,.nav a.active{
  background:rgba(85,99,255,.16)!important;
  color:#fff!important;
}
.nav .cta,.button.primary,.premium-button.primary,.hero-main{
  background:var(--button-gradient)!important;
  color:#fff!important;
  border:none!important;
}
.mobile-menu,
.nav.open{
  background:rgba(13,21,49,.98)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}

.page-hero,
.premium-hero,
.premium-inner-hero,
.hero-v2{
  background:
    radial-gradient(circle at 82% 18%,rgba(154,84,244,.28),transparent 30%),
    radial-gradient(circle at 18% 80%,rgba(37,215,217,.14),transparent 28%),
    linear-gradient(135deg,#070b1f 0%,#10183d 52%,#211d5d 100%)!important;
  border-color:var(--line)!important;
}
.page-hero .eyebrow,.eyebrow{
  background:rgba(85,99,255,.14)!important;
  color:#e7ebff!important;
  border-color:rgba(122,131,255,.35)!important;
}
.page-title,.hero-title,.hero-v2-copy h1,
h1,h2,h3,h4,h5,h6,strong,b,.section-title,.pro-name,.fee{
  color:var(--text)!important;
}
.hero-v2-copy h1 span{
  background:linear-gradient(90deg,#7180ff,#b968ff 52%,#35e2dd)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.section,
.section.white,
.section.soft,
.student-energy-section,
.paths-section,
.principles-section,
.home-mara-recruitment,
.premium-directory,
.premium-form-page,
.professional-profile-page,
.account-page,
.premium-admin,
.premium-legal-page,
.directory-wrap,
.form-page{
  background:
    radial-gradient(circle at 8% 8%,rgba(85,99,255,.08),transparent 22%),
    radial-gradient(circle at 94% 26%,rgba(154,84,244,.07),transparent 20%),
    linear-gradient(180deg,#090e27 0%,#0b1230 100%)!important;
  border-color:var(--line)!important;
}

.hero-panel,.flow-row,
.role-card,.step,.guide-card,
.directory-toolbar,.pro-card,.premium-pro-card,
.form-card,.premium-form-card,
.profile-detail-card,.professional-profile-hero,
.account-main,.account-sidebar,.mara-account-panel,
.account-billing,.billing-history,.billing-card-row,.billing-empty,
.billing-status-strip,.billing-plan-choice,.billing-invoice-list article,
.account-activity,.account-enquiry-list article,
.stat-card,.admin-table,.admin-row,.admin-contact-row,
.admin-review-detail,.admin-review-modal-card,
.legal-content,.premium-legal-content,
.login-card,.login-role button,
.directory-match-cta,.home-mara-recruitment-inner,
.mara-benefit-grid article,.mara-price-pair article,
.growth-metrics article,.admin-funnel-grid article,
.public-action-modal-card,.profile-trust-card,
.visa-service-group,.visa-other-service,
.naati-ccl-language-panel,.naati-language-grid,
.test-exam-grid,.test-exam-head,.test-exam-row,
.test-class-type-options,.filter-chip,.save-btn,.empty-state,
.mock-search,.mock-profile,.browser-shell{
  background:rgba(17,25,51,.90)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.20);
}

.account-sidebar{
  background:linear-gradient(180deg,#0a102a,#111a3c)!important;
}
.account-focus{
  background:linear-gradient(105deg,#151b4f,#3b2f88 58%,#136f75)!important;
}
.closing-section,.footer{
  background:#060a1c!important;
  border-color:var(--line)!important;
}

p,span,small,label,.section-copy,.lead,.help,.meta,.notice,
.toolbar-meta,.pro-meta,.fee-label,.reviews,.form-message,
.account-main>p,.billing-card-meta p,.billing-empty p,
.billing-auto-renew-note,.billing-status-strip p,
.billing-history-empty p,.billing-invoice-list span,
.account-enquiry-list span,.account-enquiry-list small,
.account-enquiry-list p,.legal-content p,.legal-content li,
.premium-legal-content p,.admin-row .meta,.admin-review-head p,
.admin-review-status,.admin-review-detail small{
  color:var(--muted)!important;
}

.field label,.label,.mara-account-grid small,
.billing-status-strip small,.billing-plan-choice span,
.account-section-head span,.stat-card small{
  color:#dfe5ff!important;
}

.button.secondary,.button.ghost,.premium-button.secondary,.hero-ghost,
.filter-chip,.save-btn{
  background:rgba(255,255,255,.045)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
}
.button.secondary:hover,.button.ghost:hover,.premium-button.secondary:hover,
.hero-ghost:hover,.filter-chip:hover,.save-btn:hover{
  background:rgba(85,99,255,.16)!important;
  border-color:#5968c7!important;
}

.input,.select,textarea,
.premium-directory .input,.premium-directory .select,
.premium-form-card .input,.premium-form-card .select{
  background:#0d1531!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.input:focus,.select:focus,textarea:focus,
.premium-directory .input:focus,.premium-directory .select:focus,
.premium-form-card .input:focus,.premium-form-card .select:focus{
  background:#101a3b!important;
  border-color:#7180ff!important;
  box-shadow:0 0 0 3px rgba(113,128,255,.18)!important;
}
.input::placeholder,textarea::placeholder{
  color:#9ca8db!important;
  opacity:1!important;
}
select option{
  background:#0d1531!important;
  color:var(--text)!important;
}

input[type="checkbox"],
input[type="radio"]{
  accent-color:#7b67f6;
}
input[type="file"]::file-selector-button{
  background:#182247!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:8px;
}

.service-tag,.sponsored,.verified-line:before,
.status,.warning{
  border-color:rgba(107,121,224,.35)!important;
}
.service-tag{
  background:rgba(85,99,255,.13)!important;
  color:#dce3ff!important;
}
.sponsored{
  background:rgba(154,84,244,.16)!important;
  color:#e7c9ff!important;
}
.verified-line{color:#76e8c5!important}
.verified-line:before{background:rgba(37,215,217,.18)!important}

.billing-status-strip.approved,.status.approved{
  background:rgba(22,189,183,.12)!important;
  color:#9af0d9!important;
}
.billing-status-strip.warning,.status.pending{
  background:rgba(245,158,11,.11)!important;
  color:#ffd78d!important;
}
.billing-status-strip.rejected,.status.rejected{
  background:rgba(251,107,119,.11)!important;
  color:#ffb1bb!important;
}

.test-exam-head{
  background:#182247!important;
}
.test-exam-row{
  background:#10182f!important;
}
.naati-language-grid{
  background:#0d1531!important;
}
.visa-service-group,.visa-other-service,.naati-ccl-language-panel{
  background:#0f1731!important;
}

.premium-pro-card .pro-meta{
  background:#0d1531!important;
}
.directory-match-cta,
.home-mara-recruitment-inner{
  background:linear-gradient(135deg,rgba(28,37,82,.96),rgba(22,27,67,.96))!important;
}

.skip-link{
  background:#111933!important;
  color:var(--text)!important;
  border-color:#6675ff!important;
}

a{color:#dce4ff}
a:hover{color:#7fe9e6}

hr{border-color:var(--line)!important}
table,thead,tbody,tr,th,td{
  border-color:var(--line)!important;
}
th{color:#e8ecff!important}
td{color:var(--muted)!important}

/* Remove light overlays from decorative content while keeping the purple/cyan glow. */
.hero-ghost,.premium-button.light,.premium-button.inverse{
  background:rgba(17,25,51,.78)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
.energy-card:after{
  background:radial-gradient(circle,rgba(37,215,217,.20),rgba(37,215,217,0) 70%)!important;
}

/* Modal/backdrop surfaces remain dark. */
.admin-review-modal,.public-action-modal{
  background:rgba(4,7,20,.82)!important;
}
.admin-review-modal-card,.public-action-modal-card{
  background:#111933!important;
}

/* Keep homepage feature cards colourful, but never light. */
.energy-blue{background:linear-gradient(145deg,#152b7a,#405bff 60%,#6d71dc)!important}
.energy-violet{background:linear-gradient(145deg,#392062,#7443d9 58%,#9658cf)!important}
.energy-coral{background:linear-gradient(145deg,#6d2545,#c8466d 58%,#d76d68)!important}
.energy-aqua{background:linear-gradient(145deg,#0c5557,#109d96 58%,#31b9ae)!important}
.path-mara{background:linear-gradient(145deg,#13255b,#3f58da 62%,#6474dc)!important}
.path-edu{background:linear-gradient(145deg,#3b205f,#7543c9 58%,#9951c1)!important}
.path-pte{background:linear-gradient(145deg,#682844,#c54769 58%,#d56d67)!important}

@media(max-width:1080px){
  .nav.open{
    background:rgba(9,14,39,.99)!important;
    border-color:var(--line)!important;
  }
}


/* === SHC dark-theme readability fix · 19 Oct 2026 === */
.page-hero .lead,
.page-hero p,
.premium-inner-hero .lead,
.premium-inner-hero p,
.premium-directory .page-hero .lead,
.premium-directory .page-hero p{
  color:#e6ebff!important;
  opacity:1!important;
  visibility:visible!important;
  font-weight:500!important;
}

/* Never render operational UI copy below 10px. */
.test-exam-head,
.orbit-card em,
.browser-top>div,
.mock-search b,
.mock-filters span,
.mock-profile small,
.mock-profile em,
.hero-v2-proof b,
.core-ball span,
.universe-card em,
.universe-chip,
.login-brand small,
.login-core small,
.login-role small,
.login-label-row span,
.password-wrap button,
.login-divider,
.login-create-links span,
.login-security,
.account-user small,
.account-stats small,
.account-stats a,
.account-stats span,
.account-focus span,
.login-float,
.sculpture-core span,
.premium-pro-card .verified-line,
.premium-pro-card .service-tag,
.premium-pro-card .fee-label,
.premium-pro-card .reviews,
.legal-nav-top small,
.premium-legal-nav a span,
.legal-content-head>span,
.premium-admin .stat-card small,
.energy-copy>span,
.account-section-head span,
.account-activity>span,
.enquiry-contact small,
.mock-preview-note,
.demo-profile-ribbon,
.demo-avatar span,
.admin-review-detail small,
.view-profile-hint,
.profile-kicker,
.profile-detail-card>span,
.profile-detail-list small,
.mara-account-grid small,
.billing-card-brand,
.profile-contact-list small,
.billing-status-strip small{
  font-size:10px!important;
}


/* === SHC full dark readability audit · 19 Oct 2026 ===
   High-specificity overrides for legacy light-theme text colours. */
body #app .page-hero p,
body #app .page-hero .lead,
body #app .premium-inner-hero p,
body #app .premium-inner-hero .lead,
body #app .directory-intro-strip,
body #app .premium-directory .toolbar-meta,
body #app .premium-directory .toolbar-meta>span,
body #app .premium-directory .filter-chip,
body #app .premium-directory .view-profile-hint,
body #app .premium-pro-card .pro-meta,
body #app .premium-pro-card .fee-label,
body #app .premium-pro-card .reviews,
body #app .premium-pro-card .service-tag,
body #app .form-card .help,
body #app .form-card .meta,
body #app .form-card .notice,
body #app .form-message,
body #app .check,
body #app .visa-check,
body #app .account-main>p,
body #app .account-main .account-section-head span,
body #app .account-main .account-section-head small,
body #app .account-main .account-activity>span,
body #app .account-main .account-enquiry-list span,
body #app .account-main .account-enquiry-list small,
body #app .account-main .account-enquiry-list p,
body #app .account-main .billing-card-meta p,
body #app .account-main .billing-empty p,
body #app .account-main .billing-status-strip p,
body #app .account-main .billing-history-empty p,
body #app .account-main .billing-invoice-list span,
body #app .account-main .mara-account-grid small,
body #app .professional-profile-page .profile-kicker,
body #app .professional-profile-page .profile-location,
body #app .professional-profile-page .profile-detail-card>span,
body #app .professional-profile-page .profile-detail-list small,
body #app .professional-profile-page .profile-contact-list small,
body #app .professional-profile-page .profile-trust-card p,
body #app .premium-admin .stat-card small,
body #app .premium-admin .admin-row .meta,
body #app .premium-admin .admin-review-head p,
body #app .premium-admin .admin-review-status,
body #app .premium-admin .admin-review-detail small,
body #app .premium-admin .admin-contact-row .meta,
body #app .premium-legal-content p,
body #app .premium-legal-content li,
body #app .legal-content p,
body #app .legal-content li,
body #app .login-card>p,
body #app .login-label-row span,
body #app .login-security,
body #app .directory-match-cta p,
body #app .mara-benefit-grid p,
body #app .mara-growth-offer p,
body #app .public-action-head p,
body #app .demo-disclaimer{
  color:#cbd5ff!important;
  opacity:1!important;
}

body #app .field label,
body #app .label,
body #app .account-main .mara-account-grid small,
body #app .account-main .billing-status-strip small,
body #app .account-main .billing-plan-choice span,
body #app .account-main .account-section-head span,
body #app .premium-admin .stat-card small,
body #app .admin-review-detail small{
  color:#e5eaff!important;
  opacity:1!important;
}

body #app .premium-directory .input,
body #app .premium-directory .select,
body #app .premium-form-card .input,
body #app .premium-form-card .select,
body #app .input,
body #app .select,
body #app textarea{
  color:#f5f7ff!important;
  -webkit-text-fill-color:#f5f7ff!important;
  opacity:1!important;
}

body #app .input::placeholder,
body #app textarea::placeholder{
  color:#aeb9eb!important;
  opacity:1!important;
}

body #app .account-sidebar small,
body #app .account-sidebar nav a{
  color:#d9e1ff!important;
}
body #app .footer p,
body #app .footer small,
body #app .footer span,
body #app .footer a,
body #app .footer-bottom{
  color:#d7e1ff!important;
}

/* Preserve meaningful accent colours after the readability override. */
body #app .verified-line{color:#76e8c5!important}
body #app .status.approved,
body #app .billing-status-strip.approved{color:#9af0d9!important}
body #app .status.pending,
body #app .billing-status-strip.warning{color:#ffd78d!important}
body #app .status.rejected,
body #app .billing-status-strip.rejected,
body #app .photo-error,
body #app .danger-button{color:#ffb1bb!important}
body #app .sponsored{color:#efceff!important}

/* Guarantee all deliberately tiny utility labels are at least 10px. */
body #app small,
body #app .meta,
body #app .help,
body #app .fee-label,
body #app .reviews,
body #app .service-tag,
body #app .verified-line,
body #app .profile-kicker,
body #app .view-profile-hint,
body #app .billing-card-brand,
body #app .demo-profile-ribbon{
  font-size:max(10px,0.625rem)!important;
}


/* Directory filter layout after removing language dropdown. */
.directory-toolbar .toolbar-top{
  grid-template-columns:minmax(280px,2fr) minmax(150px,1fr) minmax(170px,1fr)!important;
}
@media(max-width:900px){
  .directory-toolbar .toolbar-top{grid-template-columns:1fr 1fr!important}
  .directory-toolbar .toolbar-top #q{grid-column:1/-1}
}
@media(max-width:620px){
  .directory-toolbar .toolbar-top{grid-template-columns:1fr!important}
  .directory-toolbar .toolbar-top #q{grid-column:auto}
}


/* MARA launch boxes contrast fix · 19 Oct 2026 */
body #app .mara-growth-cta{
  background:
    radial-gradient(circle at 88% 18%,rgba(37,215,217,.16),transparent 32%),
    linear-gradient(135deg,#10183d 0%,#1c2058 52%,#29206a 100%)!important;
  border:1px solid #4655a5!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30)!important;
}
body #app .mara-growth-cta>div>span{
  color:#66ece7!important;
  opacity:1!important;
}
body #app .mara-growth-cta h2{
  color:#ffffff!important;
  opacity:1!important;
}
body #app .mara-growth-cta p{
  color:#d5dcff!important;
  opacity:1!important;
}
body #app .mara-growth-cta .premium-button.primary{
  background:linear-gradient(90deg,#5563ff 0%,#8b5cf6 58%,#25d7d9 100%)!important;
  color:#fff!important;
  border:none!important;
}

body #app .mara-growth-offer{
  background:
    radial-gradient(circle at 10% 10%,rgba(85,99,255,.14),transparent 30%),
    linear-gradient(135deg,#0d1531 0%,#131b43 100%)!important;
  border:1px solid #33427e!important;
  border-radius:24px!important;
  padding:28px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
body #app .mara-growth-offer .premium-kicker{
  color:#66ece7!important;
  opacity:1!important;
}
body #app .mara-growth-offer h2{
  color:#ffffff!important;
  opacity:1!important;
}
body #app .mara-growth-offer p{
  color:#d5dcff!important;
  opacity:1!important;
}

body #app .mara-price-pair article{
  background:linear-gradient(145deg,#151d42,#1b2551)!important;
  border:1px solid #3b4a8c!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}
body #app .mara-price-pair article.featured{
  background:linear-gradient(145deg,#20205d,#2e267d)!important;
  border-color:#7767d9!important;
  box-shadow:0 14px 38px rgba(63,49,155,.30)!important;
}
body #app .mara-price-pair small{
  color:#cbd5ff!important;
  opacity:1!important;
}
body #app .mara-price-pair strong{
  color:#ffffff!important;
  opacity:1!important;
}
body #app .mara-price-pair span{
  color:#d5dcff!important;
  opacity:1!important;
}

body #app .mara-benefit-grid article{
  background:linear-gradient(145deg,#111933,#182247)!important;
  border-color:#33427e!important;
}
body #app .mara-benefit-grid article>span{
  color:#66ece7!important;
  opacity:1!important;
}
body #app .mara-benefit-grid h3{
  color:#ffffff!important;
  opacity:1!important;
}
body #app .mara-benefit-grid p{
  color:#d5dcff!important;
  opacity:1!important;
}


/* Professional registration contrast fix · 19 Oct 2026 */
body #app .premium-form-card .notice,
body #app .form-card .notice,
body #app #professional-registration-offer{
  background:linear-gradient(135deg,#121a3a 0%,#19224c 100%)!important;
  color:#dfe6ff!important;
  -webkit-text-fill-color:#dfe6ff!important;
  border:1px solid #3f4f96!important;
  border-left:4px solid #6878ff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  opacity:1!important;
}
body #app .premium-form-card .notice *,
body #app .form-card .notice *,
body #app #professional-registration-offer *{
  color:inherit!important;
  opacity:1!important;
}

body #app .premium-form-card .role-choice{
  background:#111933!important;
  border-color:#33427e!important;
  color:#f5f7ff!important;
}
body #app .premium-form-card .role-choice b{
  color:#f5f7ff!important;
}
body #app .premium-form-card .role-choice span{
  color:#c8d2ff!important;
}
body #app .premium-form-card .role-choice:hover{
  background:#182247!important;
  border-color:#5968c7!important;
}
body #app .premium-form-card .role-choice.active{
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
body #app .premium-form-card .role-choice.active b,
body #app .premium-form-card .role-choice.active span{
  color:#fff!important;
}


/* === SHC homepage zero-white pass · 19 Oct 2026 === */
body #app .premium-home,
body #app .premium-home .cinema-section,
body #app .premium-home .journey-section,
body #app .premium-home .principles-section,
body #app .premium-home .trust-strip{
  background:
    radial-gradient(circle at 12% 16%,rgba(85,99,255,.11),transparent 27%),
    radial-gradient(circle at 88% 72%,rgba(154,84,244,.09),transparent 25%),
    linear-gradient(180deg,#070b1f 0%,#0b1230 100%)!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}

body #app .premium-home .journey-copy h2,
body #app .premium-home .journey-copy b,
body #app .premium-home .principles-head h2,
body #app .premium-home .principle-list b{
  color:#f5f7ff!important;
}

body #app .premium-home .journey-copy>p,
body #app .premium-home .journey-step,
body #app .premium-home .journey-step small,
body #app .premium-home .principle-list p,
body #app .premium-home .principle-list span,
body #app .premium-home .premium-kicker.dark{
  color:#c8d2ff!important;
  opacity:1!important;
}

body #app .premium-home .journey-step{
  background:#0d1531!important;
  border:1px solid #2d3a74!important;
  box-shadow:none!important;
}
body #app .premium-home .journey-step.active{
  background:linear-gradient(135deg,#151d45,#20285d)!important;
  border-color:#5263be!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  color:#f5f7ff!important;
}
body #app .premium-home .journey-step>span{
  background:#182247!important;
  color:#dbe3ff!important;
}
body #app .premium-home .journey-step.active>span{
  background:linear-gradient(135deg,#5563ff,#8b5cf6)!important;
  color:#fff!important;
}

body #app .premium-home .browser-shell{
  background:linear-gradient(145deg,#111933,#182247)!important;
  border:1px solid #33427e!important;
  box-shadow:0 38px 90px rgba(0,0,0,.38)!important;
}
body #app .premium-home .browser-top{
  background:#0d1531!important;
  border-bottom-color:#2d3a74!important;
}
body #app .premium-home .browser-top>div{
  background:#182247!important;
  color:#c8d2ff!important;
}
body #app .premium-home .browser-top>span{
  background:#6574b8!important;
}
body #app .premium-home .browser-content{
  background:#111933!important;
}
body #app .premium-home .mock-preview-note{
  color:#bfc9ff!important;
}
body #app .premium-home .mock-search{
  background:#0d1531!important;
  color:#e8ecff!important;
  border-color:#33427e!important;
}
body #app .premium-home .mock-search b{
  background:#182247!important;
  color:#dce3ff!important;
}
body #app .premium-home .mock-filters span{
  background:#182247!important;
  color:#dce3ff!important;
  border-color:#3b4b8d!important;
}
body #app .premium-home .mock-profile{
  background:#0f1731!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}
body #app .premium-home .mock-profile.featured{
  background:linear-gradient(135deg,#17204a,#20295e)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26)!important;
}
body #app .premium-home .mock-profile b,
body #app .premium-home .mock-profile strong{
  color:#f5f7ff!important;
}
body #app .premium-home .mock-profile small{
  color:#c8d2ff!important;
}
body #app .premium-home .mock-profile em{
  color:#76e8c5!important;
}

body #app .premium-home .principle-list{
  border-top-color:#2d3a74!important;
}
body #app .premium-home .principle-list>div{
  border-bottom-color:#2d3a74!important;
}

/* No pale/white utility cards in the homepage shell. */
body #app .premium-home .trust-strip-inner>div,
body #app .premium-home .home-mara-recruitment-inner,
body #app .premium-home .role-card,
body #app .premium-home .step,
body #app .premium-home .guide-card{
  background:#111933!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}


/* === SHC login page zero-white pass · 19 Oct 2026 === */
body #app .login-page{
  background:
    radial-gradient(circle at 16% 12%,rgba(85,99,255,.13),transparent 28%),
    radial-gradient(circle at 84% 76%,rgba(154,84,244,.10),transparent 27%),
    linear-gradient(135deg,#070b1f 0%,#0d1333 52%,#171f4d 100%)!important;
  color:#f5f7ff!important;
}

body #app .login-panel{
  background:
    radial-gradient(circle at 82% 12%,rgba(37,215,217,.08),transparent 27%),
    linear-gradient(180deg,#0a1029 0%,#0d1432 100%)!important;
}

body #app .login-card{
  background:linear-gradient(145deg,rgba(17,25,51,.97),rgba(13,21,49,.97))!important;
  border:1px solid #2d3a74!important;
  border-radius:28px!important;
  padding:30px!important;
  box-shadow:0 28px 70px rgba(0,0,0,.36)!important;
}

body #app .login-mini{
  color:#9eabef!important;
}
body #app .login-card h1{
  color:#f5f7ff!important;
}
body #app .login-card>p{
  color:#c8d2ff!important;
}

body #app .login-role{
  background:#0d1531!important;
  border:1px solid #33427e!important;
  color:#f5f7ff!important;
}
body #app .login-role span{
  color:#f5f7ff!important;
}
body #app .login-role small{
  color:#bfc9ff!important;
}
body #app .login-role:hover{
  background:#182247!important;
  border-color:#5968c7!important;
}
body #app .login-role.active{
  background:linear-gradient(135deg,#19224f,#28347a)!important;
  border-color:#6675ff!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(0,0,0,.28)!important;
}
body #app .login-role.active span,
body #app .login-role.active small{
  color:#fff!important;
}

body #app .login-field label{
  color:#e5eaff!important;
}
body #app .login-label-row span{
  color:#bfc9ff!important;
}
body #app .remember-row{
  color:#c8d2ff!important;
}

body #app .password-wrap button{
  background:#182247!important;
  color:#f5f7ff!important;
  border:1px solid #33427e!important;
}
body #app .password-wrap button:hover{
  background:#243066!important;
}

body #app .login-submit{
  background:linear-gradient(90deg,#5563ff 0%,#8b5cf6 60%,#25d7d9 100%)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(57,55,170,.34)!important;
}

body #app .login-divider{
  color:#aeb9eb!important;
}
body #app .login-divider:before,
body #app .login-divider:after{
  background:#33427e!important;
}

body #app .login-create-links a{
  background:#0d1531!important;
  border:1px solid #33427e!important;
  color:#f5f7ff!important;
}
body #app .login-create-links a:hover{
  background:#182247!important;
  border-color:#5968c7!important;
}
body #app .login-create-links b{
  color:#f5f7ff!important;
}
body #app .login-create-links span{
  color:#bfc9ff!important;
}
body #app .login-security{
  color:#aeb9eb!important;
}

body #app .login-message{
  color:#ffb1bb!important;
}

/* Keep the visual side consistent when shown on larger screens. */
body #app .login-visual{
  background:
    radial-gradient(circle at 50% 28%,rgba(85,99,255,.24),transparent 34%),
    radial-gradient(circle at 28% 82%,rgba(37,215,217,.10),transparent 28%),
    linear-gradient(180deg,#050817,#090f29 100%)!important;
}


/* Foundation Member badge · 19 Oct 2026 */
.foundation-member-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  margin:0 0 12px;
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(85,99,255,.22),rgba(154,84,244,.22),rgba(37,215,217,.16))!important;
  border:1px solid rgba(126,139,255,.52)!important;
  color:#f4f7ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 8px 22px rgba(0,0,0,.20);
}
.premium-pro-card .foundation-member-badge{
  position:relative;
  z-index:2;
}
.profile-foundation-badge{
  margin:8px 0 10px!important;
}


/* === SHC FINAL LAUNCH SAFETY PASS · zero white + minimum 10px === */
body #app .flow-row,
body #app .section.white,
body #app .role-card,
body #app .step,
body #app .guide-card,
body #app .directory-toolbar,
body #app .pro-card,
body #app .empty-state,
body #app .form-card,
body #app .naati-language-grid,
body #app .test-exam-grid,
body #app .role-choice,
body #app .stat-card,
body #app .admin-table,
body #app .legal-nav,
body #app .legal-content,
body #app .premium-legal-content,
body #app .account-main,
body #app .account-activity,
body #app .admin-review-modal,
body #app .admin-contact-row,
body #app .professional-profile-hero,
body #app .profile-detail-card,
body #app .mara-account-panel,
body #app .account-billing,
body #app .billing-plan-choice,
body #app .billing-history,
body #app .public-action-modal,
body #app .mara-benefit-grid article,
body #app .mara-price-pair article,
body #app .growth-metrics article,
body #app .admin-funnel-grid article,
body #app .home-mara-recruitment-inner{
  background:#111933!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}

body #app .premium-admin .stat-card,
body #app .premium-admin .admin-table{
  background:#111933!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}

body #app .premium-button.light,
body #app .premium-button.inverse,
body #app .hero-main{
  background:linear-gradient(90deg,#5563ff 0%,#8b5cf6 58%,#25d7d9 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
}
body #app .button.secondary,
body #app .save-btn,
body #app .filter-chip,
body #app .hero-ghost:hover{
  background:#111933!important;
  color:#f5f7ff!important;
  border:1px solid #2d3a74!important;
}
body #app .button.secondary:hover,
body #app .save-btn:hover,
body #app .filter-chip:hover{
  background:#182247!important;
  border-color:#5968c7!important;
}

body #app .mobile-menu{
  background:#111933!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}

body #app .input,
body #app .select,
body #app textarea,
body #app .premium-directory .input,
body #app .premium-directory .select,
body #app .premium-form-card .input,
body #app .premium-form-card .select,
body #app .premium-directory .input:focus,
body #app .premium-directory .select:focus,
body #app .premium-form-card .input:focus,
body #app .premium-form-card .select:focus{
  background:#0d1531!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}

body #app .premium-home,
body #app .paths-section,
body #app .principles-section,
body #app .journey-section,
body #app .premium-directory,
body #app .premium-form-page,
body #app .premium-admin,
body #app .premium-legal-page,
body #app .account-page,
body #app .account-loading,
body #app .profile-loading{
  background:linear-gradient(135deg,#070b1f 0%,#0d1333 52%,#171f4d 100%)!important;
  color:#f5f7ff!important;
}

/* Explicitly lift every legacy sub-10px UI label to 10px. */
body #app .test-exam-head,
body #app .orbit-card em,
body #app .browser-top>div,
body #app .mock-search b,
body #app .mock-filters span,
body #app .mock-profile small,
body #app .mock-profile em,
body #app .hero-v2-proof b,
body #app .core-ball span,
body #app .universe-card em,
body #app .universe-chip,
body #app .login-brand small,
body #app .login-core small,
body #app .login-role small,
body #app .login-label-row span,
body #app .password-wrap button,
body #app .login-divider,
body #app .login-create-links span,
body #app .login-security,
body #app .account-user small,
body #app .account-stats small,
body #app .account-stats a,
body #app .account-stats span,
body #app .account-focus span,
body #app .login-float,
body #app .sculpture-core span,
body #app .premium-pro-card .verified-line,
body #app .premium-pro-card .service-tag,
body #app .premium-pro-card .fee-label,
body #app .premium-pro-card .reviews,
body #app .legal-nav-top small,
body #app .premium-legal-nav a span,
body #app .legal-content-head>span,
body #app .premium-admin .stat-card small,
body #app .energy-copy>span,
body #app .account-section-head span,
body #app .account-activity>span,
body #app .enquiry-contact small,
body #app .mock-preview-note,
body #app .demo-profile-ribbon,
body #app .demo-avatar span,
body #app .admin-review-detail small,
body #app .view-profile-hint,
body #app .profile-kicker,
body #app .profile-detail-card>span,
body #app .profile-detail-list small,
body #app .mara-account-grid small,
body #app .billing-card-brand,
body #app .profile-contact-list small,
body #app .billing-status-strip small{
  font-size:10px!important;
}

/* Keep any native form autofill from reintroducing a white field. */
body #app input:-webkit-autofill,
body #app input:-webkit-autofill:hover,
body #app input:-webkit-autofill:focus,
body #app textarea:-webkit-autofill,
body #app select:-webkit-autofill{
  -webkit-text-fill-color:#f5f7ff!important;
  -webkit-box-shadow:0 0 0 1000px #0d1531 inset!important;
  box-shadow:0 0 0 1000px #0d1531 inset!important;
  caret-color:#f5f7ff!important;
}


/* Secure password recovery controls */
.login-forgot{
  appearance:none;
  border:0;
  background:transparent;
  color:#bfc9ff;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
  padding:4px 0;
}
.login-forgot:hover{color:#7fe9e6}
.login-forgot:disabled{opacity:.55;cursor:wait}
.reset-password-page .login-create-links{grid-template-columns:1fr}
.reset-password-page .login-create-links a{text-align:center}


/* === SHC FINAL RESIDUAL DARK-MODE HARDENING · 19 Oct 2026 === */
html,body{background:#070b1f!important;color:#f5f7ff!important}
.footer{background:#050817!important;color:#d9e0ff!important}
.footer a,.footer p,.footer-bottom{color:#bfc9ff!important}
.footer h4{color:#f5f7ff!important}

body #app .browser-top,
body #app .mock-search,
body #app .mock-profile,
body #app .mock-filters span,
body #app .profile-detail-list div,
body #app .profile-contact-list a,
body #app .profile-contact-list>div,
body #app .billing-status-strip,
body #app .empty-account-activity,
body #app .premium-admin .notice,
body #app .premium-admin .admin-row:nth-child(even),
body #app .notice,
body #app .test-exam-head,
body #app .test-exam-row{
  background:#0d1531!important;
  color:#f5f7ff!important;
  border-color:#2d3a74!important;
}
body #app .mock-search b,
body #app .premium-home .mock-filters span,
body #app .status{
  background:#182247!important;
  color:#dce3ff!important;
  border-color:#3b4b8d!important;
}
body #app .profile-detail-list small,
body #app .profile-detail-list b,
body #app .profile-contact-list small,
body #app .profile-contact-list b,
body #app .billing-status-strip small,
body #app .billing-status-strip strong,
body #app .empty-account-activity p,
body #app .premium-admin .notice{
  color:#dce3ff!important;
}
body #app .profile-contact-list a:hover{
  background:#182247!important;
  border-color:#5968c7!important;
}
@media(max-width:720px){
  body #app .premium-form-side,
  body #app .premium-form-card,
  body #app .premium-legal-content,
  body #app .professional-profile-hero,
  body #app .profile-detail-card,
  body #app .account-main{
    background:#111933!important;
    color:#f5f7ff!important;
  }
}