:root{--bg:#041018;--bg2:#071923;--panel:#0b222c;--panel2:#10303a;--text:#f5fbfa;--muted:#9ab0b7;--green:#35f28d;--green2:#0bdc76;--gold:#f3d56b;--line:#1d4855;--danger:#ff6c6c;--light:#f5f8f9;--ink:#07171d;--shadow:0 24px 80px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(53,242,141,.08),transparent 26%),radial-gradient(circle at 90% 20%,rgba(53,242,141,.05),transparent 24%);z-index:-2}.page-glow{position:fixed;width:55vw;height:55vw;right:-25vw;top:-25vw;border-radius:50%;background:rgba(53,242,141,.05);filter:blur(70px);pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 36px));margin:auto}.narrow{max-width:900px}.small{font-size:12px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--green);text-transform:uppercase}.eyebrow.green{color:#0a9f5c}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.05em;margin-bottom:22px}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin-bottom:15px}h3{font-size:21px}.lead{font-size:17px;line-height:1.8;color:#6b7e84;max-width:780px}.dark .lead,.page.dark .lead{color:#a9bdc3}.nav{position:sticky;top:0;z-index:50;background:rgba(4,16,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(53,242,141,.12)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:950;font-size:24px;letter-spacing:-.05em;display:flex;align-items:center;gap:7px}.logo span{color:var(--green)}.logo img{height:40px;max-width:180px;object-fit:contain}.logo-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--green);color:#042016;font-size:18px}.navlinks{display:flex;align-items:center;gap:21px;font-size:13px;color:#c1d0d4}.navlinks a:hover{color:var(--green)}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:900;font-size:13px;cursor:pointer;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#03130d;box-shadow:0 10px 30px rgba(53,242,141,.18)}.btn-primary:hover{box-shadow:0 14px 36px rgba(53,242,141,.3)}.btn-ghost{border-color:#35545d;background:rgba(255,255,255,.03);color:white}.btn-dark{background:#07171d;color:white;border-color:#16363f}.text-link{color:var(--green);font-weight:900}.mobile-menu{display:none;background:none;border:0;color:white;font-size:25px}.market-strip{background:#061720;border-bottom:1px solid var(--line);padding:9px 0;overflow:hidden}.ticker{display:flex;gap:10px;white-space:nowrap}.tick{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid #183d49;border-radius:999px;background:#09232d;font-size:11px}.tick b{color:white}.up{color:var(--green)}.down{color:var(--danger)}.hero{padding:100px 0 80px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero h1 span{color:var(--green);text-shadow:0 0 30px rgba(53,242,141,.12)}.hero p{font-size:18px;line-height:1.8;color:#b2c1c6;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-row{display:flex;gap:16px;flex-wrap:wrap;color:#8099a1;font-size:11px;font-weight:800}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.orbit{position:absolute;width:420px;height:420px;border:1px solid rgba(53,242,141,.18);border-radius:50%;box-shadow:0 0 80px rgba(53,242,141,.08) inset;animation:spin 18s linear infinite}.orbit:after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 25px var(--green)}.hero-terminal{width:min(520px,100%);border:1px solid #214b56;background:rgba(8,28,37,.9);border-radius:25px;box-shadow:var(--shadow);overflow:hidden;position:relative;z-index:2;transform:rotate(-2deg);animation:float 5s ease-in-out infinite}.terminal-top{height:48px;padding:0 16px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #173c47;color:#6d858c}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#294b54}.terminal-top b{margin-left:auto;font-size:9px;letter-spacing:.12em}.terminal-body{padding:24px}.mini-chart{height:230px;border-radius:15px;background:repeating-linear-gradient(0deg,transparent 0 45px,rgba(53,242,141,.08) 46px),repeating-linear-gradient(90deg,transparent 0 70px,rgba(53,242,141,.05) 71px);display:flex;align-items:end;gap:10px;padding:20px}.mini-chart i{display:block;flex:1;background:linear-gradient(180deg,var(--green),rgba(53,242,141,.08));border-radius:8px 8px 2px 2px;animation:bars 2.5s ease-in-out infinite alternate}.mini-chart i:nth-child(1){height:28%}.mini-chart i:nth-child(2){height:48%}.mini-chart i:nth-child(3){height:38%}.mini-chart i:nth-child(4){height:68%}.mini-chart i:nth-child(5){height:55%}.mini-chart i:nth-child(6){height:82%}.mini-chart i:nth-child(7){height:92%}.terminal-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.terminal-stats div{padding:14px;border:1px solid #214653;border-radius:14px;background:#0a2029}.terminal-stats small,.terminal-stats em{display:block;color:#78929a;font-size:9px}.terminal-stats strong{display:block;font-size:16px;margin:6px 0}.section{padding:90px 0}.section.light,.page.light{background:var(--light);color:var(--ink)}.section.dark,.page.dark{background:linear-gradient(180deg,#061822,#041118);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.journey{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d6e4e6;border-radius:22px;overflow:hidden;background:white}.journey>div{padding:28px;border-right:1px solid #dce8ea;min-height:190px}.journey>div:last-child{border:0}.journey b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff9eb;color:#079a57;font-size:12px}.journey h3{margin:20px 0 8px}.journey p{color:#72858b;line-height:1.6;font-size:14px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.program-card{padding:27px;border:1px solid #204652;background:linear-gradient(180deg,#0d2934,#09212a);border-radius:22px;position:relative;overflow:hidden;transition:.3s transform,.3s border-color,.3s box-shadow}.program-card:hover{transform:translateY(-6px);border-color:rgba(53,242,141,.45);box-shadow:0 20px 50px rgba(0,0,0,.22)}.program-card:before{content:"";position:absolute;width:140px;height:140px;right:-65px;top:-65px;border-radius:50%;background:rgba(53,242,141,.07)}.program-card .program-no{color:#5f7a82;font-size:12px;font-weight:900}.program-card .level{display:block;color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin:18px 0 10px}.program-card p{color:#9fb3b9;line-height:1.7;font-size:14px;min-height:96px}.program-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.program-meta span{padding:12px;border-radius:12px;background:#0a2029;border:1px solid #1a3c47;font-size:13px;color:#c4d2d5}.program-meta b{display:block;color:#708a92;font-size:9px;margin-bottom:5px}.light-grid .light-card{background:white;color:var(--ink);border-color:#d9e5e7}.light-card p{color:#667b82}.fee-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.fee-row>div{padding:14px;border:1px solid #dce7e9;border-radius:14px;background:#f7fafb}.fee-row small,.fee-row em{display:block;color:#7a8d93;font-size:10px;font-style:normal}.fee-row strong{display:block;font-size:25px;margin:5px 0}.policy-callout{margin-top:30px;padding:18px 20px;border:1px solid #d5e2e4;border-radius:16px;background:white;display:flex;gap:14px;align-items:center;justify-content:space-between;color:#51676e;font-size:13px}.policy-callout a{color:#0b9657;font-weight:900}.instructor-spotlight{display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:center}.portrait-card{height:340px;border-radius:30px;background:radial-gradient(circle at 30% 20%,rgba(53,242,141,.24),transparent 30%),linear-gradient(145deg,#0b2b36,#041219);border:1px solid #245361;display:grid;place-items:center;position:relative;box-shadow:var(--shadow)}.portrait-initials{font-size:100px;font-weight:950;color:var(--green);letter-spacing:-.08em;text-shadow:0 0 45px rgba(53,242,141,.25)}.portrait-initials.large{font-size:120px}.portrait-badge{position:absolute;bottom:20px;right:20px;padding:8px 12px;border-radius:999px;background:var(--green);color:#032014;font-size:11px;font-weight:950}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #1e4652;background:#1e4652;border-radius:22px;overflow:hidden}.platform-grid>div{padding:27px;background:#09212b}.platform-grid span{color:var(--green);font-size:11px;font-weight:900}.platform-grid h3{margin:16px 0 8px}.platform-grid p{color:#91a9b0;font-size:13px;line-height:1.6}.page{min-height:75vh;padding:80px 0}.about-card{margin:45px 0;display:grid;grid-template-columns:220px 1fr;gap:35px;padding:35px;border:1px solid #1d4855;background:#0b222c;border-radius:25px}.content-card{background:white;color:var(--ink);border:1px solid #d9e6e8;border-radius:22px;padding:30px;margin:22px 0;box-shadow:0 15px 45px rgba(7,24,31,.08)}.page.dark .content-card{background:#0b222c;color:white;border-color:#214653}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.principles span{padding:15px;border-radius:13px;background:#e8fff2;color:#087b46;font-weight:900;text-align:center}.page.dark .principles span{background:#103a2c;color:var(--green)}.prose{line-height:1.85}.prose h1{font-size:52px}.prose h2{font-size:28px;margin-top:35px}.prose li{margin:8px 0}.check-list{line-height:2;padding-left:22px}.fee-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.fee-panel>div{padding:20px;border:1px solid #214653;border-radius:18px;background:#0a2029}.fee-panel small,.fee-panel span{display:block;color:#829aa2;font-size:10px}.fee-panel strong{display:block;font-size:35px;margin:6px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:white;border:1px solid #dce7e9;border-radius:20px;padding:25px}.blog-card p{color:#687d84;line-height:1.7}.blog-date{color:#0b9958;font-size:11px;font-weight:900;margin-bottom:10px}.footer{background:#031017;border-top:1px solid #1c424d;color:#91a8af;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer h4{color:white}.footer a{display:block;margin:10px 0;color:#91a8af;font-size:13px}.footer a:hover{color:var(--green)}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid #15353f;display:flex;justify-content:space-between;gap:15px;font-size:11px}.form{max-width:550px;margin:auto;background:white;color:var(--ink);padding:30px;border-radius:24px}.input,textarea,input,select{width:100%;padding:13px 14px;border:1px solid #d2e0e3;border-radius:11px;font:inherit;margin:6px 0 13px;background:white;color:#14262d}.form label{font-weight:800;font-size:12px}.form-msg{padding:10px 0;color:#078c52;font-size:13px}.dashboard{background:#071923;min-height:75vh}.mobile-bottom{display:none}.market-page{min-height:82vh}.market-head{display:flex;justify-content:space-between;gap:25px;align-items:end}.market-status{background:#0b2530;border:1px solid #214653;border-radius:18px;padding:15px 18px;min-width:180px}.market-status #marketStatusDot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff6c6c;margin-right:7px}.market-status #marketStatusDot.live{background:var(--green);box-shadow:0 0 15px var(--green)}.market-status small{display:block;color:#8199a1;margin-top:5px}.market-search{display:flex;gap:10px;max-width:800px;margin:25px 0 10px}.search-results{display:grid;gap:7px;max-width:800px}.search-item{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid #214653;border-radius:11px;background:#0b2530;color:white}.market-section-title{margin:30px 0 15px}.market-section-row{display:flex;justify-content:space-between;align-items:center}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.market-card{padding:20px;border:1px solid #214653;border-radius:18px;background:#0b2530}.market-card-top{display:flex;justify-content:space-between}.market-card-top small{display:block;color:#839ba3;margin-top:4px}.exchange-badge{font-size:9px;padding:5px 8px;border-radius:999px;background:#103b2d;color:#7ff4b4;height:max-content}.market-price{font-size:30px;font-weight:950;margin-top:17px}.market-change{font-weight:900;margin-top:5px}.market-change.positive{color:var(--green)}.market-change.negative{color:var(--danger)}.market-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;color:#849ca4;font-size:11px}.market-meta b{display:block;color:#d9e5e8;margin-top:2px}.market-note{margin-top:28px;padding:15px 18px;border:1px solid #5b5026;background:#211d0a;border-radius:14px;color:#d0c38b;font-size:12px;line-height:1.6}.admin-body{background:#f4f7f8;color:#071a21;min-height:100vh}.admin-body .page-glow{display:none}.admin-body a{text-decoration:none}.admin-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(17,221,128,.08),transparent 32%),radial-gradient(circle at 90% 20%,rgba(36,126,255,.06),transparent 30%)}
.admin-login-screen{min-height:100vh;background:linear-gradient(135deg,#02161c 0%,#052a2a 48%,#03161d 100%);color:#fff;padding:30px 5vw 20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.admin-login-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(45,255,158,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(45,255,158,.035) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent)}.admin-login-brand{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.admin-brand{color:white;display:flex;align-items:center;gap:10px;font-size:23px}.admin-brand span:not(.admin-brand-mark),.admin-side-brand span:not(.admin-brand-mark){color:#20ed8d}.admin-brand-mark{width:27px;height:27px;display:grid;place-items:center;background:#19df82;color:#062019!important;border-radius:7px;font-weight:950}.admin-back{color:#9ab0b6;font-size:12px}.admin-back:hover{color:#fff}.admin-login-grid{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative;z-index:1;padding:45px 0}.admin-login-copy .eyebrow{color:#22e88b}.admin-login-copy h1{font-size:clamp(45px,5.5vw,74px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px;max-width:700px}.admin-login-copy h1 span{color:#23ed91}.admin-login-copy>p{max-width:650px;color:#a7bcc1;font-size:16px;line-height:1.8}.admin-login-points{display:grid;gap:13px;margin-top:32px}.admin-login-points>div{display:flex;gap:13px;align-items:center}.admin-login-points i{width:29px;height:29px;display:grid;place-items:center;border:1px solid #205c4b;background:#0b3b31;color:#2aef94;border-radius:50%;font-style:normal;font-weight:900}.admin-login-points b{display:block;font-size:13px}.admin-login-points small{display:block;color:#81989f;margin-top:2px;font-size:11px}.admin-login-card{background:rgba(255,255,255,.98);color:#081c23;border:1px solid rgba(255,255,255,.5);border-radius:25px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.28);max-width:460px;width:100%;justify-self:end}.admin-login-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e8fff3;color:#08a75e;font-size:23px;margin-bottom:20px}.admin-login-card .eyebrow{color:#0a9e5a}.admin-login-card h2{font-size:31px;margin:8px 0 5px;letter-spacing:-.04em}.admin-login-sub{font-size:13px;color:#72858b;margin:0 0 25px}.admin-auth-form{display:grid;gap:16px}.admin-auth-form label{font-size:11px;font-weight:900;color:#334a51}.admin-auth-form input{box-sizing:border-box;margin:7px 0 0;width:100%;padding:14px;border:1px solid #d5e2e5;border-radius:12px;outline:none;background:#fff;color:#14262d}.admin-auth-form input:focus{border-color:#19b86e;box-shadow:0 0 0 3px rgba(25,184,110,.12)}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:8px;top:12px;border:0;background:none;color:#6e858b;cursor:pointer}.admin-auth-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.admin-auth-row a{color:#08a65b;font-weight:800}.admin-auth-row .remember{display:flex;align-items:center;gap:7px;font-weight:700}.admin-auth-row .remember input{width:15px;height:15px;margin:0}.admin-login-btn,.admin-primary{border:0;border-radius:11px;background:linear-gradient(135deg,#0bad61,#18d87e);color:#042116;font-weight:950;padding:14px 18px;cursor:pointer;box-shadow:0 10px 25px rgba(12,187,103,.2)}.admin-login-btn{width:100%;font-size:13px}.admin-login-btn span{font-size:18px;margin-right:8px}.admin-login-btn:disabled{opacity:.6;cursor:wait}.admin-login-msg{min-height:17px;color:#078f52;font-size:12px;margin-top:2px}.admin-login-msg.error{color:#c43e3e}.admin-secure-note{margin-top:25px;padding-top:20px;border-top:1px solid #e5edef;display:flex;gap:11px;align-items:flex-start}.admin-secure-note>span{color:#0bab60;font-size:18px}.admin-secure-note b{font-size:11px;display:block}.admin-secure-note small{color:#82949a;display:block;margin-top:3px;font-size:10px}.admin-login-footer{position:relative;z-index:1;text-align:center;color:#6e858c;font-size:10px}.admin-login-footer a{color:#90a6ac}.admin-dashboard{min-height:100vh;display:grid;grid-template-columns:245px 1fr;position:relative}.admin-sidebar{background:#041a22;color:#a7bbc0;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:40}.admin-side-brand{height:76px;padding:0 22px;display:flex;align-items:center;gap:9px;color:white;font-size:19px;border-bottom:1px solid #17363f}.admin-side-brand .admin-brand-mark{width:25px;height:25px}.admin-side-scroll{padding:17px 12px;overflow:auto;flex:1}.admin-nav{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;color:#91a8ae;text-align:left;padding:11px 13px;border-radius:10px;cursor:pointer;font-size:11px;font-weight:850;margin:2px 0}.admin-nav span{width:18px;text-align:center;font-size:15px}.admin-nav:hover{background:#0b2b34;color:#fff}.admin-nav.active{background:linear-gradient(90deg,#087c50,#0b4b3c);color:#fff;box-shadow:inset 3px 0 #26ed91}.admin-nav-group{font-size:9px;letter-spacing:.13em;font-weight:950;color:#58737b;padding:17px 13px 6px}.admin-side-website{margin:12px;padding:12px 13px;border:1px solid #1b414b;border-radius:11px;color:#b9cbd0;font-size:11px;font-weight:850}.admin-side-website:hover{color:#26ed91;border-color:#267d5d}.admin-workspace{min-width:0;background:#f5f8f9}.admin-header{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #dfe9eb;display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:30}.admin-search{display:flex;align-items:center;gap:10px;max-width:510px;flex:1;background:#f0f5f6;border:1px solid #e0e9eb;border-radius:11px;padding:0 13px}.admin-search span{font-size:20px;color:#647b82}.admin-search input{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:11px 0!important;font-size:12px}.admin-header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.admin-icon-btn,.admin-profile>button{border:0;background:none;color:#50666d;cursor:pointer}.admin-icon-btn{font-size:21px}.admin-profile{position:relative;display:flex;align-items:center;gap:9px}.admin-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:#14508e;font-size:11px;font-weight:950}.admin-profile b{display:block;font-size:11px}.admin-profile small{display:block;color:#82959b;font-size:9px;margin-top:2px}.admin-profile-dropdown{position:absolute;right:20px;top:63px;background:#fff;border:1px solid #dbe6e8;border-radius:11px;box-shadow:0 15px 40px rgba(0,0,0,.12);padding:6px;z-index:50}.admin-profile-dropdown button{border:0;background:none;padding:9px 15px;cursor:pointer;border-radius:7px;font-size:11px;font-weight:800}.admin-profile-dropdown button:hover{background:#eff7f4}.admin-mobile-menu{display:none}.admin-content{padding:31px clamp(18px,3vw,42px) 20px;max-width:1500px;width:100%;box-sizing:border-box}.admin-content-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.admin-content-top h1{font-size:35px;letter-spacing:-.045em;margin:5px 0}.admin-content-top p{color:#73878d;font-size:12px;margin:0}.admin-content-top .eyebrow{color:#0ba45e}.admin-date-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe8ea;border-radius:12px;padding:11px 15px;box-shadow:0 8px 25px rgba(7,24,31,.04);min-width:175px}.admin-date-card>span{font-size:21px;color:#087e53}.admin-date-card b,.admin-date-card small{display:block}.admin-date-card b{font-size:11px}.admin-date-card small{color:#7a8e94;font-size:9px;margin-top:3px}.admin-toast{height:0;overflow:hidden;opacity:0;transition:.25s;padding:0}.admin-toast.show,.admin-toast.error{height:auto;opacity:1;padding:10px 14px;background:#e9fff3;color:#087d4a;border:1px solid #c6f0db;border-radius:10px;font-size:11px;margin-bottom:12px}.admin-toast.error{background:#fff0f0;border-color:#f4cccc;color:#a53232}.admin-tab{min-width:0}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-kpi{background:#fff;border:1px solid #e0e9eb;border-radius:16px;padding:19px;display:flex;gap:13px;align-items:flex-start;box-shadow:0 8px 25px rgba(7,24,31,.035)}.kpi-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:18px}.kpi-icon.blue{background:#eaf3ff;color:#2171d5}.kpi-icon.purple{background:#f1ebff;color:#7440cf}.kpi-icon.green{background:#e8fff3;color:#079a59}.kpi-icon.orange{background:#fff5df;color:#c77a00}.admin-kpi small{display:block;color:#74888e;font-size:10px}.admin-kpi strong{display:block;font-size:25px;letter-spacing:-.03em;margin:3px 0}.admin-kpi em{font-style:normal;color:#8ea0a5;font-size:9px}.admin-grid-2{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-top:14px}.admin-panel,.data-card,.editor-card,.upload-card{background:#fff;border:1px solid #e0e9eb;border-radius:16px;box-shadow:0 8px 25px rgba(7,24,31,.035)}.admin-panel{padding:20px}.panel-head,.module-toolbar,.data-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel-head h3,.module-toolbar h2,.data-head b{margin:0;font-size:15px;letter-spacing:-.02em}.panel-head p,.module-toolbar p{margin:5px 0 0;color:#82949a;font-size:10px}.panel-link{border:0;background:none;color:#059d5a;font-size:10px;font-weight:900;cursor:pointer}.activity-visual{display:flex;align-items:end;justify-content:space-between;height:160px;margin-top:18px}.activity-number b{font-size:42px;letter-spacing:-.05em}.activity-number span{display:block;color:#87999e;font-size:10px}.activity-bars{height:125px;display:flex;align-items:end;gap:9px;flex:1;margin-left:30px}.activity-bars i{display:block;flex:1;background:linear-gradient(to top,#12bb6a,#b8f4d8);border-radius:7px 7px 2px 2px;max-width:42px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.admin-quick{border:1px solid #e1e9eb;background:#fbfdfd;border-radius:11px;padding:12px;text-align:left;cursor:pointer}.admin-quick:hover{border-color:#a9dec7;transform:translateY(-1px)}.admin-quick span{width:30px;height:30px;display:grid;place-items:center;background:#eafaf3;color:#08a65d;border-radius:8px;font-size:15px}.admin-quick b{display:block;font-size:10px;margin-top:9px}.admin-quick small{display:block;color:#8a9ba0;font-size:8px;margin-top:3px}.bottom-grid{margin-bottom:14px}.recent-list{margin-top:12px}.recent-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f2}.recent-row:last-child{border-bottom:0}.recent-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8f4ff;color:#2873bf;font-size:9px;font-weight:950}.payment-avatar{background:#e8fff3;color:#079c5b}.recent-row b{display:block;font-size:10px}.recent-row small{display:block;color:#899a9f;font-size:8px;margin-top:3px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900;background:#eef2f3;color:#687b80;text-transform:capitalize}.status-pill.approved,.status-pill.active,.status-pill.converted{background:#e6fff1;color:#07864e}.status-pill.pending,.status-pill.contacted,.status-pill.in_progress,.status-pill.due{background:#fff4da;color:#9a6900}.status-pill.rejected,.status-pill.lost,.status-pill.blocked{background:#fff0f0;color:#ad3b3b}.status-pill.qualified{background:#edf4ff;color:#2b68aa}.system-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.system-panel h3{margin:0;font-size:14px}.system-panel p{color:#85969b;font-size:9px;margin:4px 0}.system-status{display:flex;gap:22px;flex-wrap:wrap}.system-status span{font-size:9px;color:#687c82}.system-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#11b96b;margin-right:5px}.system-status b{color:#08a35a;margin-left:4px}.module-toolbar{background:#fff;border:1px solid #e0e9eb;border-radius:16px;padding:20px;margin-bottom:14px;align-items:center}.module-badge{background:#e9fff3;color:#07874e;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:950;letter-spacing:.05em;white-space:nowrap}.module-badge.warning{background:#fff3d9;color:#9a6800}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid #e0e9eb;border-radius:16px;padding:20px}.setting-field{display:block}.setting-field.wide{grid-column:1/-1}.setting-field span,.editor-card label,.modal-label{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#61757b}.setting-field input,.setting-field textarea,.editor-card input,.editor-card textarea,.editor-card select,.modal-label textarea{box-sizing:border-box;width:100%;margin:6px 0 0;padding:11px 12px;border:1px solid #dce7e9;border-radius:9px;background:#fbfdfd;color:#162a31;font-size:11px;outline:none}.setting-field input:focus,.setting-field textarea:focus,.editor-card input:focus,.editor-card textarea:focus,.editor-card select:focus{border-color:#20bb76;box-shadow:0 0 0 3px rgba(32,187,118,.1)}.settings-actions{grid-column:1/-1;display:flex;gap:9px;padding-top:4px}.admin-secondary{border:1px solid #d6e3e5;background:#fff;color:#315158;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:900;cursor:pointer}.admin-secondary:hover{border-color:#8ccdb1;color:#07884f}.upload-card{margin-top:14px;padding:18px;display:flex;align-items:center;gap:18px}.upload-card>div{flex:1}.upload-card b{font-size:12px}.upload-card p{font-size:9px;color:#87999e;margin:5px 0 0}.upload-card form{display:flex;gap:7px;align-items:center}.upload-card input[type=file]{max-width:240px;font-size:9px}.qr-preview{width:70px;height:70px;object-fit:contain;border:1px solid #dce7e9;border-radius:8px;padding:4px}.editor-card{padding:20px;margin-bottom:14px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.editor-card>label{margin-bottom:12px}.editor-card .check-line{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:10px;margin:2px 0 12px}.check-line input{width:auto}.inline-editor{display:grid;grid-template-columns:1fr 1.4fr 1.5fr .5fr auto;align-items:end;gap:10px}.inline-editor .wide{grid-column:auto}.data-card{padding:0;overflow:hidden}.data-head{padding:17px 18px;border-bottom:1px solid #e5ecee;align-items:center}.data-head span{color:#8a9a9f;font-size:9px}.data-list{display:block}.data-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf1f2;font-size:10px}.data-row:last-child{border-bottom:0}.data-row b{font-size:10px}.data-row small{display:block;color:#899a9f;font-size:8px;margin-top:4px}.danger-btn,.reject-btn{border:0;background:#fff0f0;color:#b63d3d;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}.admin-small-btn{border:1px solid #d6e3e5;background:#fff;color:#315158;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}.admin-small-btn:hover{border-color:#8ccdb1;color:#07884f}.crm-header,.crm-admin-row{display:grid;grid-template-columns:1.1fr 1.5fr .8fr 1fr;gap:12px;align-items:center}.crm-header{padding:11px 18px;background:#f7fafb;color:#819399;font-size:8px;font-weight:900;text-transform:uppercase}.crm-admin-row{padding:12px 18px;border-bottom:1px solid #edf1f2;font-size:9px}.crm-admin-row:last-child{border-bottom:0}.crm-admin-row b,.crm-admin-row small{display:block}.crm-admin-row small{color:#8a9ba0;margin-top:3px}.crm-admin-row select,.user-row select{border:1px solid #dce7e9;border-radius:7px;padding:7px;background:#fff;font-size:9px}.user-rows{display:block}.user-row{display:grid;grid-template-columns:34px 1fr 100px 90px auto;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid #edf1f2}.user-row:last-child{border-bottom:0}.user-row b,.user-row small{display:block}.user-row b{font-size:10px}.user-row small{font-size:8px;color:#899a9f;margin-top:3px}.payment-list{display:grid;gap:10px}.payment-row{background:#fff;border:1px solid #e0e9eb;border-radius:14px;padding:15px;display:grid;grid-template-columns:1.6fr .7fr 1fr 1fr auto auto;gap:15px;align-items:center;box-shadow:0 6px 20px rgba(7,24,31,.03)}.payment-main{display:flex;gap:10px;align-items:center}.payment-icon{width:35px;height:35px;display:grid;place-items:center;background:#e9fff3;color:#079a59;border-radius:10px;font-weight:950}.payment-row small{display:block;color:#899a9f;font-size:8px;margin-bottom:4px}.payment-row b{font-size:10px}.payment-actions{display:flex;gap:5px}.approve-btn,.reject-btn{border:0;border-radius:7px;padding:8px 9px;font-size:8px;font-weight:950;cursor:pointer}.approve-btn{background:#e7fff1;color:#07874e}.reject-btn{background:#fff0f0;color:#ae3c3c}.ticket-row{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf1f2}.ticket-row b,.ticket-row small{display:block}.ticket-row b{font-size:10px}.ticket-row small{font-size:8px;color:#899a9f;margin-top:3px}.feature-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-admin-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e0e9eb;border-radius:14px;padding:17px}.feature-admin-card b,.feature-admin-card small{display:block}.feature-admin-card b{font-size:11px}.feature-admin-card small{font-size:8px;color:#8a9ba0;margin-top:4px}.feature-admin-card input{display:none}.feature-admin-card i{width:39px;height:22px;border-radius:99px;background:#dce6e8;position:relative;cursor:pointer}.feature-admin-card i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.15)}.feature-admin-card input:checked+i{background:#0db96a}.feature-admin-card input:checked+i:after{left:20px}.health-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health-admin-grid>div{background:#fff;border:1px solid #e0e9eb;border-radius:14px;padding:18px}.health-admin-grid span,.health-admin-grid b{display:block}.health-admin-grid span{font-size:9px;color:#83959a}.health-admin-grid b{font-size:16px;margin-top:8px}.health-admin-grid b.good{color:#078e52}.repair-note{background:#eafff3;border:1px solid #c9eedb;border-radius:14px;padding:17px;margin-top:14px}.repair-note b{font-size:11px;color:#087c49}.repair-note p{font-size:9px;line-height:1.6;color:#537169;margin:6px 0 0}.due-good{color:#078e52}.overdue{color:#bd3c3c}.admin-empty{padding:42px 15px;text-align:center;color:#899a9f}.admin-empty div{font-size:28px;color:#b5c4c8}.admin-empty b{display:block;color:#53686e;font-size:11px;margin-top:7px}.admin-empty span{font-size:9px;display:block;margin-top:3px}.admin-loading{min-height:220px;background:#fff;border:1px solid #e0e9eb;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:5px;color:#819399;font-size:10px}.admin-loading span{width:6px;height:6px;border-radius:50%;background:#0db96a;animation:adminDot 1s infinite alternate}.admin-loading span:nth-child(2){animation-delay:.2s}.admin-loading span:nth-child(3){animation-delay:.4s}@keyframes adminDot{to{transform:translateY(-5px);opacity:.4}}.admin-error{background:#fff;border:1px solid #f1d2d2;border-radius:16px;padding:35px;text-align:center}.admin-error b{color:#9f3434;font-size:12px}.admin-error p{font-size:10px;color:#7e8e93}.admin-footer{display:flex;justify-content:space-between;padding:25px 3px 10px;color:#8b9b9f;font-size:8px}.admin-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.admin-modal-backdrop{position:absolute;inset:0;background:rgba(2,16,22,.62);backdrop-filter:blur(5px)}.admin-modal-card{position:relative;width:min(480px,100%);background:white;border-radius:17px;padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.25);z-index:1}.admin-modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:22px;color:#82949a;cursor:pointer}.admin-modal-card h3{margin:8px 0;font-size:18px}.admin-modal-card p{color:#7b8e94;font-size:10px;line-height:1.6}.modal-icon{width:38px;height:38px;display:grid;place-items:center;background:#eafff3;color:#0a9b58;border-radius:10px;font-weight:950}.modal-label{margin-top:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.admin-login-screen.hidden,.admin-dashboard.hidden,.admin-tab.hidden,.admin-profile-dropdown.hidden,.admin-modal.hidden{display:none!important}
@media(max-width:1100px){.admin-login-grid{gap:35px}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}.feature-admin-grid{grid-template-columns:1fr 1fr}.payment-row{grid-template-columns:1.4fr 1fr 1fr;}.payment-row .status-pill,.payment-actions{justify-self:start}.payment-row>div:nth-child(2),.payment-row>div:nth-child(3),.payment-row>div:nth-child(4){margin-top:5px}}
@media(max-width:850px){.admin-dashboard{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-270px;top:0;width:245px;transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.admin-sidebar.open{left:0}.admin-mobile-menu{display:block}.admin-mobile-menu button{border:0;background:none;font-size:21px;color:#50666d;cursor:pointer}.admin-login-grid{grid-template-columns:1fr}.admin-login-copy{display:none}.admin-login-card{justify-self:center}.admin-header{padding:0 15px}.admin-profile div{display:none}.admin-content{padding:22px 14px}.crm-header{display:none}.crm-admin-row{grid-template-columns:1fr 1fr}.settings-grid,.editor-grid{grid-template-columns:1fr}.setting-field.wide{grid-column:auto}.settings-actions{grid-column:auto}.inline-editor{grid-template-columns:1fr}.feature-admin-grid,.health-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-kpis{grid-template-columns:1fr}.admin-content-top{display:block}.admin-date-card{margin-top:14px;width:max-content}.quick-grid{grid-template-columns:1fr 1fr}.admin-login-screen{padding:22px 16px 15px}.admin-login-card{padding:25px 20px}.upload-card{display:block}.upload-card form{margin-top:12px;display:block}.upload-card input[type=file]{max-width:100%;margin-bottom:8px}.payment-row{grid-template-columns:1fr 1fr}.payment-main{grid-column:1/-1}.payment-actions{grid-column:1/-1}.system-panel{display:block}.system-status{margin-top:14px}.admin-footer{display:block;line-height:1.8}.admin-footer span{margin-right:10px}.user-row{grid-template-columns:34px 1fr}.user-row select,.user-row .admin-small-btn{width:100%}.ticket-row{grid-template-columns:1fr auto}.ticket-row .admin-small-btn{grid-column:2}.feature-admin-grid,.health-admin-grid{grid-template-columns:1fr}.admin-search{display:none}}

.reveal{opacity:0;transform:translateY(20px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-10px)}}@keyframes bars{from{filter:brightness(.8)}to{filter:brightness(1.25)}}
@media(max-width:950px){.hero-grid,.instructor-spotlight{grid-template-columns:1fr}.hero-visual{min-height:390px}.program-grid,.blog-grid{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr}.journey>div:nth-child(2){border-right:0}.journey>div:nth-child(-n+2){border-bottom:1px solid #dce8ea}.platform-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.navlinks{display:none}.mobile-menu{display:block}.market-grid{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.admin-side{position:static;display:flex;overflow:auto;gap:6px}.admin-side button{white-space:nowrap;width:auto}.admin-stats{grid-template-columns:1fr 1fr}.feature-switches{grid-template-columns:1fr 1fr}.health-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 24px,1160px)}.hero{padding:70px 0 50px}.hero h1{font-size:48px}.hero p{font-size:15px}.hero-actions .btn{width:100%}.hero-visual{min-height:310px}.orbit{width:280px;height:280px}.terminal-body{padding:15px}.mini-chart{height:170px}.section{padding:60px 0}.section-head{display:block}.journey,.program-grid,.blog-grid,.platform-grid,.market-grid,.footer-grid,.fee-panel,.fee-row,.about-card,.admin-stats,.feature-switches,.health-grid{grid-template-columns:1fr}.journey>div{border-right:0;border-bottom:1px solid #dce8ea!important}.program-card p{min-height:0}.instructor-spotlight{gap:25px}.portrait-card{height:280px}.portrait-initials{font-size:80px}.principles{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.mobile-bottom{display:flex;position:fixed;z-index:80;bottom:0;left:0;right:0;height:65px;background:rgba(3,15,21,.94);backdrop-filter:blur(18px);border-top:1px solid #1c414c;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8fa6ad;font-size:16px;min-width:20%}.mobile-bottom span{font-size:9px;font-weight:800}.mobile-bottom a:hover{color:var(--green)}body{padding-bottom:0}.market-head{display:block}.market-search{display:block}.market-search .btn{width:100%;margin-top:6px}.admin-top{display:block}.admin-top .btn{margin-top:12px}.inline-form{grid-template-columns:1fr}.admin-list>div{grid-template-columns:1fr}.crm-row{grid-template-columns:1fr}.prose h1{font-size:40px}}

/* StockSkill About Page — trust-focused profile experience */
.about-page{background:#f5f8f9;color:#07171d}
.about-hero{padding:86px 0 78px;background:linear-gradient(135deg,#061b23 0%,#062a2b 55%,#041118 100%);color:#fff;position:relative;overflow:hidden}
.about-hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-220px;border-radius:50%;border:1px solid rgba(53,242,141,.14);box-shadow:0 0 100px rgba(53,242,141,.08) inset;pointer-events:none}
.about-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.about-hero h1{margin:16px 0 22px;font-size:clamp(48px,6vw,78px)}
.about-hero h1 span{color:var(--green)}
.about-lead{font-size:18px;line-height:1.85;color:#b8c8cc;max-width:760px}
.about-trust-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.about-trust-pills span{padding:10px 13px;border:1px solid #28515a;border-radius:999px;background:rgba(255,255,255,.04);color:#d4e0e2;font-size:11px;font-weight:800}
.about-hero-card{padding:28px;border:1px solid #28545d;background:rgba(5,25,32,.76);border-radius:24px;box-shadow:var(--shadow)}
.about-hero-stat{padding:20px 0;border-bottom:1px solid #214650}
.about-hero-stat:last-child{border-bottom:0}
.about-hero-stat strong{display:block;font-size:28px;color:var(--green);letter-spacing:-.04em}
.about-hero-stat span{display:block;margin-top:5px;color:#a7bbc0;font-size:12px;line-height:1.55}
.about-profile-section{padding-top:82px}
.about-profile{display:grid;grid-template-columns:390px 1fr;gap:65px;align-items:center}
.about-photo-wrap{position:relative}
.about-photo{width:100%;height:470px;object-fit:cover;object-position:center 30%;display:block;border-radius:28px;border:1px solid #d7e4e6;box-shadow:0 24px 60px rgba(7,24,31,.16)}
.about-photo-badge{position:absolute;left:20px;right:20px;bottom:20px;padding:13px 16px;border-radius:13px;background:rgba(4,20,26,.88);backdrop-filter:blur(12px);color:#fff;font-size:10px;letter-spacing:.1em;font-weight:900;text-align:center}
.about-profile-copy h2{font-size:clamp(38px,5vw,58px);margin:10px 0}
.profile-highlight{font-size:18px!important;font-weight:900;color:#078e52!important;margin-bottom:20px}
.about-profile-copy p{font-size:15px;line-height:1.9;color:#60757c}
.about-signature{display:inline-block;margin-top:10px;padding:12px 15px;border-left:3px solid #0db96a;background:#eafff3;color:#087c49;font-weight:900;font-size:13px}
.about-section-note{max-width:430px;color:#71858b;line-height:1.7;font-size:13px}
.dark-note{color:#9eb3b9}
.about-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #1f4853;background:#1f4853;border-radius:22px;overflow:hidden}
.about-feature-grid article{padding:28px;background:#09222c;min-height:235px}
.about-feature-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#103a2c;color:var(--green);font-size:11px}
.about-feature-grid h3{margin:21px 0 10px;color:#fff}
.about-feature-grid p{color:#94aab0;font-size:13px;line-height:1.7}
.about-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.about-mission-card,.about-vision-card{margin:0;min-height:330px}
.about-mission-card h2,.about-vision-card h2{font-size:34px}
.about-mission-card p,.about-vision-card p{font-size:14px;line-height:1.85;color:#657980}
.about-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.about-journey>div{padding:27px;border:1px solid #214b56;border-radius:20px;background:#09212a}
.about-journey span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#103a2c;color:var(--green);font-size:11px;font-weight:900}
.about-journey h3{color:#fff;margin:20px 0 8px}
.about-journey p{color:#91a9b0;font-size:13px;line-height:1.7}
.about-expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.about-expect-grid>div{padding:23px;border:1px solid #dce7e9;background:#fff;border-radius:17px}
.about-expect-grid strong{display:block;font-size:15px;margin-bottom:7px}
.about-expect-grid span{display:block;color:#72868c;font-size:12px;line-height:1.65}
.about-principle-card{padding:42px;border:1px solid #214b56;background:linear-gradient(145deg,#0b2934,#061820);border-radius:26px;text-align:center}
.about-principle-card h2{color:#fff;margin:12px 0 24px}
.about-principle-card p{max-width:760px;margin:22px auto 0;color:#9eb3b9;line-height:1.8;font-size:14px}
.about-principle-card .principles{max-width:720px;margin:0 auto}
.about-commitment{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.about-commitment h2{font-size:40px}
.about-commitment p{color:#657980;font-size:14px;line-height:1.85}
.about-contact-card{margin-top:45px;padding:28px 30px;border:1px solid #d8e5e7;background:#fff;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 14px 40px rgba(7,24,31,.06)}
.about-contact-card h3{margin:8px 0;font-size:24px}
.about-contact-card p{margin:0;color:#74878d;font-size:13px}
.about-contact-actions{display:flex;gap:9px;flex-shrink:0}
@media(max-width:950px){
  .about-hero-grid,.about-profile,.about-two-col,.about-commitment{grid-template-columns:1fr}
  .about-feature-grid{grid-template-columns:1fr 1fr}
  .about-journey{grid-template-columns:1fr 1fr}
  .about-profile{gap:35px}
  .about-photo{height:420px}
}
@media(max-width:620px){
  .about-hero{padding:65px 0 55px}
  .about-hero-card{margin-top:8px}
  .about-feature-grid,.about-journey,.about-expect-grid{grid-template-columns:1fr}
  .about-photo{height:390px}
  .about-contact-card{display:block}
  .about-contact-actions{margin-top:18px;flex-wrap:wrap}
  .about-contact-actions .btn{flex:1}
  .about-principle-card{padding:28px 18px}
}

/* StockSkill 2.2 experience layer */
.home-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-trust-grid article{padding:28px;border:1px solid #dbe7e9;background:#fff;border-radius:20px}.home-trust-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8fff2;color:#078e52;font-size:11px}.home-trust-grid h3{margin:18px 0 8px}.home-trust-grid p{color:#687d84;font-size:13px;line-height:1.75}.home-stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#214550;border:1px solid #214550;border-radius:22px;overflow:hidden}.home-stat-band>div{padding:30px;background:#08222c}.home-stat-band strong{display:block;color:var(--green);font-size:29px}.home-stat-band span{display:block;color:#9ab0b6;font-size:12px;margin-top:7px}.home-admission-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.home-check-card{padding:28px;border-radius:24px;background:#fff;border:1px solid #dbe7e9;box-shadow:0 20px 55px rgba(5,20,26,.07)}.home-check-card div{padding:15px 0;border-bottom:1px solid #edf2f3;font-weight:800}.home-check-card div:last-child{border-bottom:0}.home-check-card div::first-letter{color:#0a9b61}.home-faq{max-width:900px}.home-faq details{border-bottom:1px solid #d7e3e5;padding:20px 0}.home-faq summary{cursor:pointer;font-weight:900;font-size:16px}.home-faq details p{color:#667b82;line-height:1.8;padding-top:10px}.final-cta{text-align:center;max-width:850px}.final-cta h2{font-size:clamp(36px,5vw,60px);margin:14px 0}.final-cta p{color:#a4b8bd}.hero-copy{max-width:720px}
.course-trust-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 24px;background:#eefaf4;border:1px solid #d0eddd;border-radius:18px;margin:28px 0 34px}.course-trust-banner b{display:block}.course-trust-banner span{display:block;color:#6b7d83;font-size:12px;margin-top:4px}.course-outcomes{display:grid;gap:8px;margin:20px 0;padding:17px;border-radius:14px;background:#f5f8f9}.course-outcomes b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.course-outcomes span{font-size:12px;color:#64777d}.course-selection{margin-top:70px}.course-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.course-selection-grid>div{padding:25px;border:1px solid #dbe7e9;border-radius:18px;background:#fff}.course-selection-grid p{color:#6c7e84;line-height:1.75;font-size:13px}.course-method{margin-top:70px;padding:42px;border-radius:25px}.course-method h2{font-size:40px;margin:12px 0 25px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.method-grid>div{padding:22px;border:1px solid #234b56;border-radius:16px;background:#09212a}.method-grid span{color:var(--green);font-size:11px}.method-grid b{display:block;color:#fff;margin:13px 0 7px}.method-grid p{color:#96acb2;font-size:12px;line-height:1.6}.course-policy{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:30px 0;border-bottom:1px solid #dce7e9;margin-top:55px}.course-policy p{color:#667a81;line-height:1.8;font-size:13px}.course-final{text-align:center;padding:75px 0 25px}.course-final h2{font-size:40px}.course-final p{color:#6c7e84}.free-class-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center;padding:50px 0 55px}.free-class-hero h1{font-size:clamp(45px,6vw,72px);margin:12px 0 20px}.free-class-card{padding:35px;border:1px solid #234b56;border-radius:25px;background:linear-gradient(145deg,#092a34,#06161d);box-shadow:var(--shadow)}.free-class-card>b{display:block;color:var(--green);font-size:11px;letter-spacing:.1em}.free-class-card strong{display:block;color:#fff;font-size:28px;margin:15px 0}.free-class-card small{color:#9eb3b9;line-height:1.7}.free-live-dot{display:block;width:12px;height:12px;background:var(--green);border-radius:50%;box-shadow:0 0 0 8px rgba(69,240,154,.12);margin-bottom:22px;animation:pulse 1.8s infinite}.free-class-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.free-feature{display:flex;gap:17px;padding:22px 0;border-bottom:1px solid #dce7e9}.free-feature>b{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;background:#e9fff2;color:#078e52;border-radius:10px}.free-feature h3{margin:0 0 6px}.free-feature p{margin:0;color:#687c83;line-height:1.7;font-size:13px}.free-class-side{display:grid;gap:15px}.free-whatsapp-card{padding:27px;border-radius:20px;background:#fff;border:1px solid #dbe7e9}.free-whatsapp-card.secondary{background:#eefaf4}.free-whatsapp-card h3{font-size:24px}.free-whatsapp-card p{color:#667a81;line-height:1.75;font-size:13px}.free-class-note{margin-top:22px;padding:17px 20px;border-radius:15px;background:#0a212a;color:#a7b9be;font-size:12px}.contact-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:30px 0 45px}.contact-hero h1{font-size:clamp(44px,6vw,72px);margin:12px 0 20px}.contact-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.contact-trust span{padding:9px 12px;border:1px solid #d7e5e7;border-radius:999px;background:#fff;font-size:11px;font-weight:800}.contact-info-card{padding:27px;border-radius:23px;background:#09232d;color:#fff;box-shadow:var(--shadow)}.contact-info-card div{padding:17px 0;border-bottom:1px solid #224651}.contact-info-card div:last-child{border-bottom:0}.contact-info-card small{display:block;color:var(--green);font-weight:900;font-size:10px;letter-spacing:.1em}.contact-info-card b{display:block;margin-top:6px}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.contact-form-card,.contact-card{background:#fff;border:1px solid #dbe7e9;border-radius:22px;padding:30px}.contact-form-card h2{font-size:34px}.contact-form-card>p,.contact-card p{color:#687c83;line-height:1.8;font-size:13px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-side{display:grid;gap:15px}.contact-list{padding-left:20px;color:#5f747b;line-height:2;font-size:13px}.contact-cta{background:#eafff3}.blog-hero{display:grid;grid-template-columns:1fr 350px;gap:35px;align-items:center;margin-bottom:25px}.blog-hero h1{font-size:clamp(44px,6vw,72px);margin:12px 0}.blog-hero-card{padding:28px;border-radius:20px;background:#09232d;color:#fff}.blog-hero-card b{display:block;color:var(--green);font-size:25px}.blog-hero-card span{display:block;color:#9bb0b5;font-size:12px;line-height:1.7;margin-top:8px}.blog-filter-note{padding:15px 18px;border:1px solid #dbe7e9;border-radius:14px;background:#fff;margin-bottom:25px;font-size:13px;color:#667a81}.blog-filter-note a{font-weight:800;color:#078e52}.blog-card{position:relative}.blog-card-number{font-size:10px;font-weight:900;color:#078e52;letter-spacing:.12em}.blog-disclaimer{margin-top:25px;padding:18px;background:#eefaf4;border-radius:14px;color:#657980;font-size:12px;line-height:1.7}
/* Student dashboard */
.student-dashboard-page{background:#f4f8f9;min-height:calc(100vh - 150px);padding:45px 0 90px}.student-welcome{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:18px 0 30px}.student-welcome h1{font-size:clamp(36px,5vw,58px);margin:10px 0}.student-welcome h1 span{color:#078e52}.student-welcome p{color:#657980;max-width:720px}.student-welcome-actions{display:flex;gap:8px}.student-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.student-kpis article{background:#fff;border:1px solid #dbe7e9;border-radius:18px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px rgba(4,20,27,.04)}.student-kpi-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e9fff2;color:#078e52;font-weight:900}.student-kpis small{display:block;color:#71858b;font-size:11px}.student-kpis strong{display:block;font-size:28px;margin-top:3px}.student-kpis em{font-style:normal;color:#8a9ba0;font-size:10px}.student-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-bottom:15px}.student-dashboard-grid.lower{grid-template-columns:1fr 1fr}.student-panel{background:#fff;border:1px solid #dbe7e9;border-radius:20px;padding:24px;box-shadow:0 12px 34px rgba(4,20,27,.04)}.student-panel-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px}.student-panel-head h2{margin:7px 0 0}.student-panel-head p{color:#71858b;font-size:12px}.student-panel-head>a{color:#078e52;font-weight:800;font-size:12px}.student-course-list{display:grid;gap:12px}.student-course{display:flex;gap:15px;padding:18px;border:1px solid #e1eaec;border-radius:15px;background:#fbfdfd}.course-badge{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#08242d;color:var(--green);font-weight:900}.student-course-main{flex:1}.student-course-main h3{margin:5px 0 5px}.student-course-main p{margin:0 0 12px;color:#71858b;font-size:12px}.student-progress{height:7px;background:#e8eff0;border-radius:99px;overflow:hidden}.student-progress i{display:block;height:100%;background:#13b66a;border-radius:99px}.student-course-main>small{display:block;color:#819196;font-size:10px;margin-top:7px}.student-list{display:grid;gap:4px}.student-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf2f3}.student-row:last-child{border-bottom:0}.student-row-icon{width:31px;height:31px;border-radius:10px;background:#edf9f2;color:#078e52;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 31px}.student-row>div{flex:1;min-width:0}.student-row b{display:block;font-size:12px}.student-row small{display:block;color:#7c8d92;font-size:10px;margin-top:3px}.student-row>strong{font-size:12px}.mini-link{font-size:10px;font-weight:900;color:#078e52}.student-empty{padding:25px;text-align:center;border:1px dashed #d6e3e5;border-radius:14px;color:#6f8389}.student-empty b{display:block}.student-empty small{display:block;margin-top:5px}.student-ticket-form{display:grid;gap:14px}.student-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.student-ticket-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.student-ticket-form input,.student-ticket-form textarea,.student-ticket-form select{border:1px solid #d7e4e6;border-radius:11px;padding:12px;font:inherit;outline:none}.student-ticket-form input:focus,.student-ticket-form textarea:focus,.student-ticket-form select:focus{border-color:#0aa262;box-shadow:0 0 0 3px rgba(10,162,98,.08)}.student-logout-row{text-align:right;padding-top:20px}.dashboard-loading{padding:40px;text-align:center;color:#6e8389}.dashboard-loading span{display:inline-block;width:7px;height:7px;background:#0a9b61;border-radius:50%;margin:0 3px;animation:bounce 1s infinite}.dashboard-loading span:nth-child(2){animation-delay:.15s}.dashboard-loading span:nth-child(3){animation-delay:.3s}
/* Maintenance */
.maintenance-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(69,240,154,.12),transparent 32%),radial-gradient(circle at 85% 80%,rgba(69,240,154,.08),transparent 30%),#041018;color:#fff;display:grid;place-items:center;overflow:hidden;position:relative}.maintenance-shell{width:min(760px,calc(100% - 30px));text-align:center;padding:65px 20px;position:relative;z-index:2}.maintenance-brand{font-size:20px;font-weight:900;display:flex;justify-content:center;gap:7px;align-items:center;margin-bottom:50px}.maintenance-brand>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--green);color:#062018}.maintenance-brand span+ b span{color:var(--green)}.maintenance-icon{width:110px;height:110px;margin:0 auto 25px;position:relative;display:grid;place-items:center;border-radius:50%;background:#08242d;border:1px solid #1f4b57;color:var(--green);font-size:38px}.maintenance-ring{position:absolute;inset:-10px;border:1px solid rgba(69,240,154,.3);border-top-color:var(--green);border-radius:50%;animation:spin 3s linear infinite}.maintenance-shell h1{font-size:clamp(38px,6vw,66px);margin:12px 0}.maintenance-shell>p{max-width:640px;margin:0 auto 25px;color:#a6b8bd;line-height:1.8}.maintenance-progress{width:260px;height:5px;background:#15313a;border-radius:99px;margin:25px auto;overflow:hidden}.maintenance-progress i{display:block;width:40%;height:100%;background:var(--green);animation:maintenanceSlide 2s ease-in-out infinite}.maintenance-points{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0 30px}.maintenance-points span{padding:8px 11px;border:1px solid #214650;border-radius:999px;color:#9fb3b8;font-size:10px}.maintenance-shell small{display:block;color:#627980;margin-top:28px}.maintenance-orb{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(69,240,154,.12);animation:float 8s ease-in-out infinite}.orb-one{width:400px;height:400px;left:-180px;top:-130px}.orb-two{width:520px;height:520px;right:-250px;bottom:-240px;animation-delay:-3s}.maintenance-admin-card{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:22px;border:1px solid #dce7e9;border-radius:18px;background:#fff;margin-bottom:15px}.maintenance-admin-main{display:flex;gap:15px;align-items:center}.maintenance-status-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e9fff2;color:#078e52}.maintenance-admin-main h3{margin:0 0 5px}.maintenance-admin-main p{margin:0;color:#6c7f85;font-size:12px;line-height:1.6;max-width:650px}.maintenance-pages-head{display:flex;justify-content:space-between;gap:15px;margin:22px 0 12px}.maintenance-pages-head h3{margin:0}.maintenance-pages-head p{color:#74878d;font-size:11px}.maintenance-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.maintenance-page-grid label{display:flex;gap:10px;padding:13px;border:1px solid #e0eaec;border-radius:13px;cursor:pointer}.maintenance-page-grid label:has(input:checked){background:#effbf5;border-color:#aee4c7}.maintenance-page-grid input{accent-color:#0a9b61}.maintenance-page-grid b{display:block;font-size:12px}.maintenance-page-grid small{display:block;color:#7b8d92;margin-top:3px}
.market-disclaimer-bar{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid #214650;background:#08212a;border-radius:13px;margin:20px 0;color:#9db1b6;font-size:11px}.market-disclaimer-bar b{color:var(--green);white-space:nowrap}.market-learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.market-learning-grid>div{padding:20px;border:1px solid #214650;border-radius:16px;background:#08212a}.market-learning-grid b{display:block;color:#fff}.market-learning-grid span{display:block;color:#91a8ae;font-size:11px;line-height:1.6;margin-top:6px}
@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(69,240,154,0)}}@keyframes bounce{50%{transform:translateY(-4px)}}@keyframes maintenanceSlide{0%{transform:translateX(-100%)}50%{transform:translateX(170%)}100%{transform:translateX(-100%)}}
@media(max-width:950px){.home-trust-grid,.home-stat-band,.method-grid{grid-template-columns:1fr 1fr}.home-admission-grid,.course-selection-grid,.free-class-hero,.free-class-grid,.contact-hero,.contact-grid,.blog-hero{grid-template-columns:1fr}.student-kpis{grid-template-columns:1fr 1fr}.student-dashboard-grid,.student-dashboard-grid.lower{grid-template-columns:1fr}.market-learning-grid{grid-template-columns:1fr}.course-trust-banner,.course-policy{display:block}.course-trust-banner .btn,.course-policy .btn{margin-top:15px}.maintenance-admin-card{align-items:flex-start}}
@media(max-width:620px){.home-trust-grid,.home-stat-band,.method-grid,.student-kpis,.student-form-grid,.maintenance-page-grid{grid-template-columns:1fr}.student-welcome{display:block}.student-welcome-actions{margin-top:18px;flex-wrap:wrap}.student-welcome-actions .btn{flex:1}.student-panel{padding:18px}.free-class-hero h1,.contact-hero h1{font-size:43px}.contact-form-grid{grid-template-columns:1fr}.maintenance-shell{padding:45px 10px}.maintenance-icon{width:90px;height:90px}.maintenance-admin-card{display:block}.maintenance-admin-card .feature-admin-card{margin-top:15px}.market-disclaimer-bar{display:block}.market-disclaimer-bar span{display:block;margin-top:5px}}

/* V2.3 visual polish, motion, visibility and interactive learning board */
.navlinks a.btn-primary:hover,.navlinks a.btn-primary:focus-visible{color:#03130d;background:var(--green)}
.program-card h2,.program-card h3,.program-card strong{color:#fff}
.program-card .program-no{color:#6e8790}
.blog-grid{align-items:stretch}.blog-card{display:flex;flex-direction:column;min-height:345px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blog-card:hover{transform:translateY(-7px);border-color:#b8dfca;box-shadow:0 20px 55px rgba(7,24,31,.12)}.blog-card .text-link{margin-top:auto;padding-top:18px}.blog-card h2{min-height:64px}.blog-card p{min-height:74px}
.ticker{width:max-content;animation:tickerMove 34s linear infinite}.market-strip:hover .ticker{animation-play-state:paused}@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.market-card-clickable{cursor:pointer;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.market-card-clickable:hover,.market-card-clickable:focus-visible{transform:translateY(-6px);border-color:rgba(53,242,141,.55);box-shadow:0 18px 45px rgba(0,0,0,.28);outline:none}.market-card-hint{margin-top:14px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.04em}.market-detail-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.market-detail-modal.hidden{display:none}.market-detail-backdrop{position:absolute;inset:0;background:rgba(0,8,12,.78);backdrop-filter:blur(10px)}.market-detail-panel{position:relative;width:min(900px,100%);max-height:min(88vh,900px);overflow:auto;background:#071b24;color:#fff;border:1px solid #25505c;border-radius:26px;box-shadow:0 30px 100px rgba(0,0,0,.5);padding:30px}.market-detail-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid #2b5660;border-radius:50%;background:#0b2630;color:#fff;font-size:25px;cursor:pointer}.market-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-right:50px}.market-detail-head h2{margin:8px 0 4px;color:#fff}.market-detail-head p{margin:0;color:#91a9b0}.market-detail-price{display:flex;align-items:baseline;gap:15px;margin:25px 0}.market-detail-price strong{font-size:42px}.market-detail-price span{font-size:16px;font-weight:900}.market-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.market-detail-stats>div{padding:15px;border:1px solid #214653;border-radius:14px;background:#09232d}.market-detail-stats small{display:block;color:#78929a;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.market-detail-stats b{display:block;margin-top:6px;color:#fff}.market-history{margin-top:28px}.market-history-head h3{margin:0;color:#fff}.market-history-head p{color:#8ea6ad;font-size:11px}.market-history-table{overflow:auto;border:1px solid #214653;border-radius:15px}.history-row{display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:10px;padding:11px 13px;border-bottom:1px solid #173b46;font-size:11px;min-width:650px}.history-row:last-child{border-bottom:0}.history-row span{color:#b8c8cc}.history-head{background:#0c2a35}.history-head span{color:var(--green);font-weight:900}.market-detail-note{margin-top:20px;padding:14px;border-radius:13px;background:#0b2630;color:#8ea6ad;font-size:11px;line-height:1.7}.market-detail-loading{padding:70px;text-align:center;color:#9ab0b7}
.motion-ready .reveal,.motion-ready .auto-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.show,.motion-ready .auto-reveal.show{opacity:1;transform:none}.motion-ready .auto-reveal:nth-child(2){transition-delay:.06s}.motion-ready .auto-reveal:nth-child(3){transition-delay:.12s}.motion-ready .auto-reveal:nth-child(4){transition-delay:.18s}.motion-ready .auto-reveal:nth-child(5){transition-delay:.24s}
.auto-hover{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.auto-hover:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(4,20,27,.1)}
.faq-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.faq-intro-grid>div{padding:22px;border:1px solid #dbe7e9;border-radius:18px;background:#fff}.faq-intro-grid b{display:block;font-size:15px}.faq-intro-grid span{display:block;margin-top:8px;color:#6d8187;font-size:12px;line-height:1.7}.faq-list{margin-top:30px}.faq-item{border:1px solid #dbe7e9;border-radius:16px;background:#fff;margin:10px 0;padding:0 20px;transition:border-color .25s ease,box-shadow .25s ease}.faq-item[open]{border-color:#a8dcc1;box-shadow:0 12px 35px rgba(7,24,31,.06)}.faq-item summary{padding:20px 0;cursor:pointer;font-weight:900;font-size:16px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';float:right;color:#0a9b61;font-size:20px}.faq-item[open] summary:after{content:'−'}.faq-item div{padding:0 0 20px}.faq-item p{margin:0;color:#647980;line-height:1.85;font-size:13px}.faq-cta{margin-top:35px;padding:32px;border-radius:24px;background:#08242d;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.faq-cta h2{font-size:34px;margin:10px 0;color:#fff}.faq-cta p{color:#9db1b6;line-height:1.7;font-size:13px}
.prose p,.prose li{font-size:16px;line-height:1.9}.prose h2{margin-top:42px;color:#0b313b}.prose h3{margin-top:30px;color:#0b6e4b}.prose ul,.prose ol{padding-left:25px}.prose a{color:#087f4d;font-weight:800}.policy-callout{margin-top:38px}
.admin-editor-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.seo-assistant{margin-top:15px;padding:20px;border:1px solid #dbe7e9;border-radius:16px;background:#f7fafb}.seo-assistant-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.seo-score{font-weight:950;padding:8px 11px;border-radius:999px;background:#e8fff2;color:#087b46}.seo-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.seo-check{padding:10px;border-radius:11px;background:#fff;border:1px solid #e0eaec;font-size:11px}.seo-check.ok{border-color:#a9dfc2;background:#f0fff6}.seo-check b{display:block}.seo-check span{display:block;color:#71858b;margin-top:4px}.menu-drag-list .data-row{cursor:grab}.menu-drag-list .data-row.dragging{opacity:.45;transform:scale(.99)}.menu-drag-handle{font-size:18px;color:#78939a;cursor:grab}.menu-inline-edit{display:grid;grid-template-columns:1fr 1fr 80px auto;gap:8px;align-items:center}.menu-inline-edit input{min-width:0;padding:9px;border:1px solid #dbe7e9;border-radius:9px}.menu-edit-actions{display:flex;gap:6px}.developer-credit{font-size:11px}.developer-credit a{color:#35f28d;font-weight:900}
@media(max-width:950px){.faq-intro-grid{grid-template-columns:1fr}.faq-cta{display:block}.faq-cta .hero-actions{margin-bottom:0}.market-detail-stats{grid-template-columns:1fr 1fr}.seo-checks{grid-template-columns:1fr}.menu-inline-edit{grid-template-columns:1fr 1fr}.menu-edit-actions{grid-column:1/-1}}
@media(max-width:620px){.market-detail-panel{padding:22px 16px}.market-detail-price strong{font-size:34px}.market-detail-stats{grid-template-columns:1fr}.history-row{font-size:10px}.faq-cta h2{font-size:28px}.blog-card{min-height:0}.blog-card h2,.blog-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){.ticker,.orbit,.hero-terminal,.mini-chart i,.maintenance-ring,.maintenance-progress i{animation:none!important}.motion-ready .reveal,.motion-ready .auto-reveal{transition:none!important;opacity:1!important;transform:none!important}}

.tracking-admin-card{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:15px;padding:24px;border:1px solid #dbe7e9;border-radius:18px;background:#fff}.tracking-admin-copy h3{margin:8px 0}.tracking-admin-copy p{color:#6b7e84;font-size:12px;line-height:1.7;max-width:700px}.tracking-admin-copy code{background:#eef4f5;padding:2px 5px;border-radius:5px}.tracking-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.tracking-status{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f4f8f9;color:#6b7e84;font-size:11px}.tracking-status.verified{background:#eafff3;color:#087b46}.tracking-status.not-verified{background:#fff4e8;color:#9a5c12}@media(max-width:850px){.tracking-admin-card{display:block}.tracking-admin-actions{margin-top:15px}}
.market-education-block{margin-top:65px;padding:45px 0}.market-education-block>h2{max-width:720px;color:#fff;margin:10px 0 14px}.market-education-block>p{max-width:850px;color:#9fb3b9;line-height:1.85;font-size:14px}.market-education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.market-education-grid article{padding:23px;border:1px solid #214653;border-radius:18px;background:#08212a}.market-education-grid article>span{color:var(--green);font-size:10px;font-weight:900}.market-education-grid h3{color:#fff;margin:14px 0 8px}.market-education-grid p{color:#8fa7ae;font-size:12px;line-height:1.75}.market-cta-block{margin:15px 0 55px;padding:35px;border:1px solid #214653;border-radius:24px;background:linear-gradient(135deg,#092a34,#06161d);display:flex;justify-content:space-between;align-items:center;gap:30px}.market-cta-block h2{color:#fff;font-size:36px;margin:10px 0}.market-cta-block p{color:#9db1b7;max-width:680px;line-height:1.75;font-size:13px}.market-cta-block .hero-actions{margin:0}@media(max-width:950px){.market-education-grid{grid-template-columns:1fr 1fr}.market-cta-block{display:block}.market-cta-block .hero-actions{margin-top:20px}}@media(max-width:620px){.market-education-grid{grid-template-columns:1fr}.market-cta-block{padding:25px}.market-cta-block h2{font-size:29px}}


/* StockSkill 2.3.1 production fixes */
.student-dashboard-page{color:var(--ink)}
.student-dashboard-page h1,.student-dashboard-page h2,.student-dashboard-page h3,.student-dashboard-page strong{color:var(--ink)}
.student-dashboard-page .student-welcome h1 span{color:#078e52}
.student-dashboard-page .student-welcome .eyebrow,.student-dashboard-page .student-panel .eyebrow{color:#0a9f5c}
.student-dashboard-page .btn-primary{color:#03130d}
.student-dashboard-page .btn-dark{color:#fff}
.student-dashboard-page .btn-ghost{color:var(--ink);border-color:#b9cbd0;background:#fff}
.reading-column{width:min(900px,calc(100% - 36px));max-width:900px;margin-left:auto!important;margin-right:auto!important}
.cms-reading-page,.blog-reading-page{background:var(--light);color:var(--ink)}
.cms-reading-page .reading-column,.blog-reading-page .reading-column{display:block;position:relative;float:none;justify-self:center}
.blog-reading-page .reading-column{padding:42px 48px}
.blog-reading-page .reading-column h1{font-size:clamp(38px,5vw,64px);color:var(--ink);margin-bottom:18px}
.blog-reading-page .reading-column .lead{margin-bottom:30px}
.blog-reading-page .reading-column p,.blog-reading-page .reading-column li{color:#425b63}
.blog-reading-page .reading-column h2,.blog-reading-page .reading-column h3{color:#0b313b}
.cms-reading-page .reading-column{padding:42px 48px}
.instructor-profile-hero{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;margin-bottom:55px}
.instructor-profile-photo{height:390px;border-radius:28px;overflow:hidden;position:relative;background:#09242e;border:1px solid #214b56;box-shadow:var(--shadow)}
.instructor-profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.instructor-profile-photo>span{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 15px;border-radius:14px;background:rgba(4,16,24,.86);color:var(--green);font-size:12px;font-weight:950;letter-spacing:.08em;text-align:center;backdrop-filter:blur(8px)}
.instructor-profile-photo small{font-size:8px;color:#d1e0e3;letter-spacing:.1em}
.instructor-profile-hero h1{font-size:clamp(42px,5.5vw,68px);color:var(--ink);margin:12px 0 20px}
.instructor-story{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;padding:45px 0;border-top:1px solid #dce7e9}
.instructor-story h2,.instructor-outcomes h2,.instructor-cta h2{font-size:clamp(32px,4vw,48px);color:var(--ink)}
.instructor-story p,.instructor-content-card p,.instructor-outcome-grid p,.instructor-cta p{color:#60757c;line-height:1.85;font-size:14px}
.instructor-principles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.instructor-principles>div{padding:20px;border:1px solid #dbe7e9;background:#fff;border-radius:17px}
.instructor-principles b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e9fff2;color:#078e52;font-size:10px}
.instructor-principles strong{display:block;color:var(--ink);margin:14px 0 6px}
.instructor-principles span{display:block;color:#70838a;font-size:11px;line-height:1.7}
.instructor-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 55px}
.instructor-content-card{padding:30px;border:1px solid #dbe7e9;border-radius:22px;background:#fff}
.instructor-content-card.dark{background:linear-gradient(145deg,#092a34,#061820);border-color:#214b56;color:#fff}
.instructor-content-card.dark h2{color:#fff}
.instructor-content-card ul{margin:20px 0 0;padding-left:20px}
.instructor-content-card li{color:#60757c;line-height:1.8;font-size:13px;margin:7px 0}
.instructor-journey{display:grid;gap:9px;margin-top:22px}
.instructor-journey>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:13px;border:1px solid #214b56;border-radius:13px;background:#0a222b}
.instructor-journey b{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#103a2c;color:var(--green);font-size:9px}
.instructor-journey span{font-weight:900;font-size:12px;color:#fff}
.instructor-journey small{color:#9bb0b5;font-size:10px;line-height:1.55;margin-top:3px}
.instructor-outcomes{padding:48px 0;border-top:1px solid #dce7e9}
.instructor-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}
.instructor-outcome-grid article{padding:22px;border:1px solid #dbe7e9;background:#fff;border-radius:18px}
.instructor-outcome-grid strong{display:block;color:var(--ink);font-size:15px;margin-bottom:8px}
.instructor-outcome-grid p{font-size:12px;margin:0}
.instructor-cta{margin-top:35px;padding:32px;border-radius:24px;background:#08242d;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}
.instructor-cta h2{color:#fff;margin:10px 0}
.instructor-cta p{color:#9db1b6;margin:0;max-width:680px}
.instructor-cta .btn-ghost{border-color:#35545d;color:#fff}
@media(max-width:950px){.instructor-profile-hero,.instructor-story,.instructor-content-grid{grid-template-columns:1fr}.instructor-profile-photo{height:430px}.instructor-outcome-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cms-reading-page .reading-column,.blog-reading-page .reading-column{width:min(100% - 22px,900px);padding:28px 20px}.instructor-profile-photo{height:360px}.instructor-principles,.instructor-outcome-grid{grid-template-columns:1fr}.instructor-cta{display:block}.instructor-cta .hero-actions{margin-bottom:0}.student-dashboard-page{padding-top:30px}.student-welcome h1{font-size:42px}.student-kpis strong{color:var(--ink)}}


/* StockSkill 2.4 commerce, student identity, responsive and conversion layer */
.course-detail-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.course-social-proof{min-width:210px;padding:18px;border:1px solid #dbe7e9;border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 30px rgba(7,24,31,.05)}.course-social-proof .stars{font-size:28px;font-weight:950;color:#087f4d}.course-social-proof b,.course-social-proof small{display:block}.course-social-proof small{color:#71858b;font-size:10px;margin-top:5px}.course-purchase-box{margin:24px 0;padding:22px;border:1px solid #cfe8db;border-radius:20px;background:#eefaf4;display:flex;justify-content:space-between;gap:20px;align-items:center}.course-purchase-box>div:first-child b,.course-purchase-box>div:first-child span{display:block}.course-purchase-box>div:first-child span{font-size:12px;color:#60767c;margin-top:5px}.course-purchase-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-whatsapp{background:#19b86b;color:#fff;border-color:#19b86b}.btn-whatsapp:hover{background:#119957;color:#fff}.course-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.course-detail-grid article{padding:22px;background:#fff;border:1px solid #dbe7e9;border-radius:18px}.course-detail-grid article>span{color:#078e52;font-weight:950}.course-detail-grid h3{margin:12px 0 6px}.course-detail-grid p{color:#687c83;font-size:13px;line-height:1.7}.course-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.course-social-proof.compact{display:flex;align-items:center;gap:8px}.course-social-proof.compact .stars{font-size:14px}.course-social-proof.compact small{font-size:9px;color:#71858b}.commerce-page{min-height:75vh}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;margin-top:30px}.cart-list,.checkout-card,.checkout-trust,.cart-summary{display:grid;gap:12px}.cart-item,.checkout-card,.checkout-trust,.cart-summary{padding:25px;border:1px solid #dbe7e9;border-radius:22px;background:#fff}.cart-item{display:flex;justify-content:space-between;gap:20px}.cart-item h2{font-size:28px;margin:8px 0}.cart-item p{color:#6d8086}.mode-switch{display:flex;gap:10px;flex-wrap:wrap}.mode-switch label{padding:10px 12px;border:1px solid #dbe7e9;border-radius:10px;font-size:11px}.remove-cart{border:0;background:#fff0f0;color:#b33b3b;border-radius:9px;padding:8px 12px;height:36px;font-weight:900;cursor:pointer}.cart-summary{position:sticky;top:95px;height:max-content;background:#08242d;color:#fff;border-color:#214653}.cart-summary>span{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.1em}.cart-summary h2{font-size:28px}.cart-total{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px;border:1px solid #214653;border-radius:14px}.cart-total small{color:#94abb1}.cart-total strong{font-size:25px}.cart-summary .btn{width:100%}.empty-commerce{text-align:center;padding:70px 20px;border:1px dashed #cbdcde;border-radius:22px;background:#fff}.empty-commerce p{color:#6c7e84}.checkout-summary{display:grid;gap:12px}.checkout-summary>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f3}.checkout-summary span{color:#6d8086;font-size:11px}.checkout-summary>strong{font-size:22px}.checkout-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.checkout-trust{height:max-content;background:#08242d;color:#fff;border-color:#214653}.checkout-trust b{font-size:22px}.checkout-trust span{padding:13px;border:1px solid #214653;border-radius:12px;color:#a8bbc0;font-size:12px}.learn-head{margin-bottom:25px}.learn-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #dbe7e9;border-radius:15px}.learn-progress span{height:8px;background:#e6edef;border-radius:99px;overflow:hidden}.learn-progress i{display:block;height:100%;background:#0db96a;border-radius:99px}.lesson-list{display:grid;gap:12px}.lesson-item{display:grid;grid-template-columns:55px 1fr auto;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid #dbe7e9;border-radius:18px}.lesson-no{width:45px;height:45px;display:grid;place-items:center;background:#eafff3;color:#078e52;border-radius:12px;font-weight:950}.lesson-item h3{margin:0 0 5px}.lesson-item p{color:#6c7f85;font-size:12px;line-height:1.6}.lesson-item a{font-size:10px;color:#078e52;font-weight:900}.certificate-success{margin-top:20px;padding:25px;background:#eafff3;border:1px solid #bfe8d1;border-radius:18px}.certificate-success h2{font-size:28px}.mobile-drawer{display:none}.course-admin-card{padding:20px;margin-bottom:12px}.course-admin-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.course-admin-head h3{margin:6px 0}.course-admin-head small{color:#7d8f94}.course-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.course-admin-grid label{display:grid;gap:6px;font-size:10px;font-weight:900}.course-admin-grid .wide{grid-column:1/-1}.course-admin-grid input{padding:10px;border:1px solid #dbe7e9;border-radius:9px}.course-admin-grid .check-line{display:flex;align-items:center;gap:8px}.course-admin-grid .check-line input{width:auto}.btn-ghost{transition:.25s}.mobile-drawer.open{display:block;position:fixed;inset:0;z-index:200}.mobile-drawer-backdrop{position:absolute;inset:0;background:rgba(0,8,12,.7);backdrop-filter:blur(7px)}.mobile-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(340px,88vw);background:#061a23;border-left:1px solid #214653;padding:22px;box-shadow:-25px 0 70px rgba(0,0,0,.35)}.mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:20px;padding-bottom:20px;border-bottom:1px solid #214653}.mobile-drawer-head b{color:var(--green)}.mobile-drawer-head button{background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.mobile-drawer-links{display:grid;gap:7px;margin-top:18px}.mobile-drawer-links a{padding:14px 12px;border-radius:12px;color:#d4e0e3;font-weight:800}.mobile-drawer-links a:hover{background:#0b2934;color:var(--green)}
@media(max-width:950px){.course-detail-top,.course-purchase-box{display:block}.course-social-proof{margin-top:20px}.course-purchase-actions{margin-top:15px}.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-summary{position:static}.course-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.course-detail-top h1{font-size:43px}.course-social-proof{min-width:0}.course-purchase-actions .btn{width:100%}.course-detail-grid{grid-template-columns:1fr}.cart-item{display:block}.remove-cart{margin-top:12px}.mode-switch label{width:100%}.learn-progress{grid-template-columns:1fr}.lesson-item{grid-template-columns:42px 1fr}.lesson-item .btn{grid-column:1/-1;width:100%}.course-admin-grid{grid-template-columns:1fr}.course-admin-grid .wide{grid-column:auto}.mobile-drawer-links a{font-size:15px}}
@media(min-width:621px){.mobile-drawer{display:none!important}}
/* StockSkill V2.4.1 production fixes */
.logo img{height:42px;width:190px;max-width:190px;object-fit:contain;object-position:left center}
.journey h3{color:#10213d!important;font-weight:900}
.journey p{color:#72858b!important}
.course-live-banner{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 15px;border-radius:12px;background:#eafff3;border:1px solid #c8ecd8;color:#087b4b;font-size:12px;font-weight:900}
.fee-panel>div em{display:block;color:#078e52;font-size:10px;font-style:normal;font-weight:900;margin-top:7px}
.curriculum-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}
.curriculum-grid article{padding:16px;border:1px solid #dbe7e9;border-radius:14px;background:#f9fbfc;display:grid;grid-template-columns:34px 1fr;column-gap:11px;align-items:start}
.curriculum-grid article span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#e6fff0;color:#078e52;display:grid;place-items:center;font-size:9px;font-weight:900}
.curriculum-grid article b{font-size:12px;color:#10213d}.curriculum-grid article small{font-size:9px;color:#71858b;line-height:1.5;margin-top:3px}
.live-practical-card{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#eafff3!important;border-color:#c9edd9!important;margin-top:20px}
.live-practical-card p{color:#5f747b;line-height:1.75;font-size:13px}.live-badges{display:flex;gap:8px;flex-wrap:wrap}.live-badges span{padding:9px 11px;border-radius:999px;background:#071a24;color:#35f28d;font-size:9px;font-weight:900;letter-spacing:.08em}
@media(max-width:700px){.curriculum-grid{grid-template-columns:1fr}.live-practical-card{display:block}.live-badges{margin-top:15px}.logo img{width:170px}}

.program-live-tag{display:inline-flex;align-items:center;padding:8px 11px;border-radius:10px;background:#eafff3;color:#078e52;font-size:10px;font-weight:900;margin:4px 0 2px}.program-card .program-live-tag{background:#103a2c;color:#35f28d;border:1px solid #1c5a47}.course-free-banner{margin:24px 0;padding:16px 18px;border:1px solid #bfe9d0;background:#eafff3;border-radius:15px;color:#466a5b;font-size:12px}.course-free-banner b{color:#078e52}.course-free-banner a{color:#078e52;font-weight:900}

/* StockSkill visual/UX final pass */
.page.light,.section.light{background:var(--light);color:var(--ink)}
.page.light h1,.page.light h2,.page.light h3,.page.light h4,.page.light strong,.page.light b,.page.light label{color:var(--ink)}
.page.light p,.page.light li{color:#526970}
.page.light .lead{color:#536970}
.light-card h1,.light-card h2,.light-card h3,.light-card strong,.light-card b{color:var(--ink)!important}
.light-card .eyebrow,.light-card .level{color:#087f4d!important}
.content-card h1,.content-card h2,.content-card h3,.content-card strong{color:var(--ink)}
.floating-contact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:75;display:grid;gap:10px}
.floating-contact-btn{display:flex;align-items:center;gap:10px;min-width:190px;padding:11px 14px;border-radius:16px;color:#fff;box-shadow:0 16px 35px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);animation:floatContact 3.2s ease-in-out infinite}
.floating-contact-btn.whatsapp{background:#19b86b}.floating-contact-btn.call{background:#0d77d7;animation-delay:.25s}
.floating-contact-btn:hover{transform:translateX(-4px)}
.floating-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:18px;font-weight:900}
.floating-contact-btn b,.floating-contact-btn small{display:block;color:#fff}.floating-contact-btn b{font-size:11px}.floating-contact-btn small{font-size:10px;opacity:.9;margin-top:2px}
@keyframes floatContact{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.mobile-bottom{display:none}
@media(max-width:620px){
  .nav-inner{height:62px}.nav .logo img{height:34px;max-width:155px}.market-strip{padding:6px 0}.tick{font-size:9px;padding:6px 9px}
  .mobile-menu{font-size:23px}.mobile-drawer-panel{width:min(330px,90vw)}
  .mobile-bottom{display:flex;position:fixed;z-index:90;left:0;right:0;bottom:0;height:68px;background:rgba(3,15,21,.97);backdrop-filter:blur(18px);border-top:1px solid #234955;justify-content:space-around;padding:4px 3px env(safe-area-inset-bottom)}
  .mobile-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#a9bcc1;font-size:10px;font-weight:800;min-width:0;position:relative}
  .mobile-bottom a.active{color:#ff9a2f}.mobile-bottom a.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;border-radius:2px;background:#ff9a2f}
  .bottom-icon{font-size:22px;line-height:1;font-weight:500}.mobile-bottom a span:last-child{font-size:9px}
  body{padding-bottom:0}.floating-contact{right:10px;top:auto;bottom:84px;transform:none;gap:7px}.floating-contact-btn{min-width:0;width:48px;height:48px;padding:0;border-radius:50%;justify-content:center}.floating-contact-btn>span:last-child{display:none}.floating-icon{width:100%;height:100%;background:transparent;font-size:22px}
  .hero{padding:54px 0 42px}.hero h1{font-size:44px}.hero-visual{min-height:280px}.hero-terminal{transform:none}.section{padding:55px 0}
  .course-detail-top{display:block}.course-social-proof{margin-top:16px}.course-purchase-box{display:block}.course-purchase-actions{margin-top:15px}.course-detail-grid{grid-template-columns:1fr}
  .cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-item{display:block}.cart-item .remove-cart{margin-top:10px}
  .journey h3{font-size:19px}.journey p{font-size:13px}.program-card{padding:21px}.program-card h2{font-size:25px}.program-meta{grid-template-columns:1fr 1fr}.fee-row strong{font-size:21px}
}
@media(min-width:621px){.floating-contact-btn:hover{box-shadow:0 20px 45px rgba(0,0,0,.32)}}
/* Make white content readable even when nested in light pages */
.page.light .program-card.light-card p,.page.light .program-card.light-card li,.page.light .course-selection p,.page.light .course-policy p,.page.light .faq-item p,.page.light .contact-card p,.page.light .contact-card li{color:#536970}
.page.light .program-card.light-card .btn-dark{color:#fff!important}
.page.light input,.page.light select,.page.light textarea{color:var(--ink);background:#fff}

/* FINAL WEBSITE UX PASS: mobile broker-style navigation, floating contact, contrast safety */
.page.light h1,.page.light h2,.page.light h3,.page.light h4,.page.light strong,.page.light b{color:var(--ink)}
.page.light .lead,.page.light p,.page.light li{color:#536970}
.page.light .light-card h1,.page.light .light-card h2,.page.light .light-card h3,.page.light .light-card strong,.page.light .light-card b{color:var(--ink)!important}
.page.light .light-card p,.page.light .light-card li{color:#536970!important}
.page.light .content-card h1,.page.light .content-card h2,.page.light .content-card h3{color:var(--ink)}
.page.light input,.page.light select,.page.light textarea{color:var(--ink);background:#fff}
.floating-contact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:75;display:grid;gap:10px}
.floating-contact-btn{display:flex;align-items:center;gap:10px;min-width:190px;padding:11px 14px;border-radius:16px;color:#fff;box-shadow:0 16px 35px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);animation:stockFloat 3.2s ease-in-out infinite}
.floating-contact-btn.whatsapp{background:#19b86b}.floating-contact-btn.call{background:#1677d2;animation-delay:.25s}
.floating-contact-btn:hover{transform:translateX(-4px)}
.floating-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:18px;font-weight:900}
.floating-contact-btn b,.floating-contact-btn small{display:block;color:#fff}.floating-contact-btn b{font-size:11px}.floating-contact-btn small{font-size:10px;opacity:.9;margin-top:2px}
@keyframes stockFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
.mobile-bottom{display:none}
@media(max-width:620px){
 .nav-inner{height:62px}.nav .logo img{height:34px;max-width:155px}.market-strip{padding:6px 0}.tick{font-size:9px;padding:6px 9px}
 .mobile-menu{font-size:23px}.mobile-drawer-panel{width:min(330px,90vw)}
 .mobile-bottom{display:flex;position:fixed;z-index:90;left:0;right:0;bottom:0;height:68px;background:rgba(3,15,21,.97);backdrop-filter:blur(18px);border-top:1px solid #234955;justify-content:space-around;padding:4px 3px env(safe-area-inset-bottom)}
 .mobile-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#a9bcc1;font-size:9px;font-weight:800;min-width:0;position:relative}
 .mobile-bottom a.active{color:#ff9b32}.mobile-bottom a.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;border-radius:2px;background:#ff9b32}
 .bottom-icon{font-size:21px;line-height:1;font-weight:500}.mobile-bottom a span:last-child{font-size:9px}
 body{padding-bottom:0}
 .floating-contact{right:10px;top:auto;bottom:84px;transform:none;gap:7px}.floating-contact-btn{min-width:0;width:50px;height:50px;padding:0;border-radius:50%;justify-content:center}.floating-contact-btn>span:last-child{display:none}.floating-icon{width:100%;height:100%;background:transparent;font-size:22px}
 .hero{padding:54px 0 42px}.hero h1{font-size:44px}.hero-visual{min-height:280px}.hero-terminal{transform:none}
 .section{padding:55px 0}.course-detail-top{display:block}.course-social-proof{margin-top:16px}.course-purchase-box{display:block}.course-purchase-actions{margin-top:15px}.course-detail-grid{grid-template-columns:1fr}
 .cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-item{display:block}.cart-item .remove-cart{margin-top:10px}
}
/* Preserve dark panels nested inside light pages */
.page.light .dark,.page.light .section.dark,.page.light .course-method.dark{color:#fff}
.page.light .dark h1,.page.light .dark h2,.page.light .dark h3,.page.light .dark strong,.page.light .dark b{color:#fff!important}
.page.light .dark p,.page.light .dark li{color:#9fb3b9!important}
.page.light .dark .eyebrow{color:var(--green)!important}

/* FINAL RESPONSIVE + COMMERCE SAFETY */
.page.light .content-card:not(.dark), .page.light .course-selection-grid>div, .page.light .course-policy, .page.light .course-final, .page.light .course-detail-grid article, .page.light .commerce-page .checkout-card, .page.light .commerce-page .cart-item { color:var(--ink); }
.page.light .content-card:not(.dark) h1,.page.light .content-card:not(.dark) h2,.page.light .content-card:not(.dark) h3,.page.light .content-card:not(.dark) b,.page.light .content-card:not(.dark) strong { color:var(--ink)!important; }
.page.light .content-card:not(.dark) p,.page.light .content-card:not(.dark) li,.page.light .course-selection-grid>div p,.page.light .course-policy p,.page.light .course-final p { color:#536970!important; }
.fee-panel .installment-note{display:block!important;margin-top:8px;color:#078e52!important;font-weight:900!important;font-size:10px!important}
@media(max-width:620px){.navlinks{display:none!important}.mobile-menu{display:block!important}.fee-panel{grid-template-columns:1fr!important}.checkout-summary>div{display:block}.checkout-summary>div span{display:block;margin-top:5px}.cart-total{grid-template-columns:1fr auto}.cart-total strong{font-size:22px}}

.checkout-warning{margin-top:18px;padding:16px;border:1px solid #f0d48a;background:#fff9e8;border-radius:14px;color:#6b5720;display:grid;gap:7px}.checkout-warning b{color:#8b6410}.checkout-warning span{font-size:12px;line-height:1.6}.checkout-warning .btn{width:max-content}

/* V2.4.4 FINAL HEADER / CONTACT POLISH */
.nav .logo img{display:block;object-fit:contain;object-position:left center}
.floating-contact{top:64%!important;bottom:auto!important;right:18px!important;transform:translateY(-50%)!important;gap:10px!important}
.floating-contact-btn{min-width:178px!important;padding:11px 14px!important;border-radius:16px!important}
.floating-contact-btn small{display:none!important}
.floating-contact-btn b{font-size:12px!important}
@media(max-width:620px){
  .nav .logo img{height:34px!important;max-width:155px!important}
  .floating-contact{right:12px!important;top:auto!important;bottom:92px!important;transform:none!important;gap:8px!important}
  .floating-contact-btn{width:52px!important;height:52px!important;min-width:52px!important;padding:0!important;border-radius:50%!important}
  .floating-contact-btn>span:last-child{display:none!important}
  .floating-icon{width:100%!important;height:100%!important;background:transparent!important}
}

/* V2.4.5 course plan consistency: exactly three public plans and equal-height cards */
.program-grid{align-items:stretch}.program-card{display:flex;flex-direction:column;height:100%}.program-card h2,.program-card h3{min-height:66px}.program-card>p{min-height:92px}.program-card .program-live-tag{flex:0 0 auto}.program-card .program-meta{margin-top:20px}.program-card>.btn{margin-top:auto;width:max-content}.light-grid .program-card{min-height:575px}.light-grid .program-card h2{min-height:70px}.light-grid .program-card>p{min-height:78px}.light-grid .course-outcomes{min-height:112px}.light-grid .fee-row{min-height:92px}.light-grid .course-card-bottom{margin-top:auto;min-height:48px}.course-card-bottom .btn{white-space:nowrap}.program-grid .program-card{align-self:stretch}
@media(max-width:950px){.light-grid .program-card{min-height:0}.light-grid .program-card h2,.light-grid .program-card>p{min-height:0}.light-grid .course-outcomes,.light-grid .fee-row{min-height:0}}
@media(max-width:620px){.program-card h2,.program-card h3{min-height:0}.program-card>p{min-height:0}.light-grid .program-card{min-height:0}.light-grid .program-card h2,.light-grid .program-card>p{min-height:0}.light-grid .course-outcomes,.light-grid .fee-row{min-height:0}.program-card>.btn{width:100%}}

/* StockSkill 2.4.6 — TradingView live chart learning board */
.live-chart-section{margin:28px 0 45px;padding:22px;border:1px solid #214653;border-radius:24px;background:linear-gradient(135deg,#071b24,#0a2832);box-shadow:0 20px 55px rgba(0,0,0,.18)}
.live-chart-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:18px}.live-chart-head p{max-width:760px;margin:8px 0 0;color:#91a9b0;font-size:12px;line-height:1.7}.live-chart-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.chart-symbol{border:1px solid #28515d;border-radius:999px;background:#09232d;color:#a9bcc1;padding:9px 12px;font-size:10px;font-weight:900;cursor:pointer}.chart-symbol:hover,.chart-symbol.active{border-color:#35f28d;color:#071b24;background:#35f28d}.live-chart-frame{height:560px;overflow:hidden;border:1px solid #214653;border-radius:18px;background:#061218}.tradingview-chart,.tradingview-widget-container{height:100%;width:100%}.tradingview-widget-copyright{font-size:9px;line-height:24px;text-align:center;color:#6f858c}.tradingview-widget-copyright a{color:#35f28d;text-decoration:none}.live-chart-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#09232d;color:#829ba2;font-size:10px;line-height:1.6}.live-chart-note b{color:#35f28d}
@media(max-width:950px){.live-chart-head{display:block}.live-chart-controls{justify-content:flex-start;margin-top:16px}.live-chart-frame{height:500px}}
@media(max-width:620px){.live-chart-section{padding:14px;margin-top:20px}.live-chart-frame{height:430px}.chart-symbol{font-size:9px;padding:8px 10px}}
/* V2.4.11 payment UX */
.payment-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-choice{border:1px solid #d8e6e3;background:#fff;border-radius:16px;padding:18px;text-align:left;cursor:pointer;display:grid;gap:5px;transition:.2s}.payment-choice span{font-size:24px}.payment-choice b{font-size:16px;color:#09242d}.payment-choice small{color:#6b7e84}.payment-choice.active{border-color:#16a66b;box-shadow:0 0 0 3px rgba(22,166,107,.12);background:#f2fbf6}.copy-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0ebe8;background:#f8fbfa;border-radius:12px;padding:11px 12px;margin:8px 0}.copy-detail div{display:grid;gap:3px;min-width:0}.copy-detail strong{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#60747a}.copy-detail span{font-weight:800;color:#102a31;overflow-wrap:anywhere}.copy-btn{border:0;border-radius:9px;background:#09242d;color:#fff;padding:8px 11px;font-weight:800;cursor:pointer;white-space:nowrap}.copy-all-row{margin-top:12px}.payment-card .qr-box img{border-radius:12px;border:1px solid #e0e8e5;background:#fff;padding:8px}.hidden{display:none!important}@media(max-width:700px){.payment-choice-grid{grid-template-columns:1fr}.copy-detail{align-items:flex-start}.copy-btn{padding:7px 9px}}
/* StockSkill 2.4.12 — Sensibull-inspired educational market depth board */
.depth-section{margin-top:28px;padding:22px;border:1px solid #214653;border-radius:20px;background:linear-gradient(180deg,#071821,#061219)}
.depth-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:16px}.depth-head p{max-width:760px;margin:8px 0 0;color:#8ea6ad;font-size:11px;line-height:1.7}.depth-controls{display:flex;gap:8px;min-width:310px}.depth-controls .input{min-width:180px}.depth-status{padding:10px 12px;border-radius:10px;background:#09232d;color:#8ea6ad;font-size:10px;margin-bottom:14px}.depth-status b{color:#fff}.depth-board{border:1px solid #173b47;border-radius:16px;overflow:hidden;background:#051118}.depth-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#173b47}.depth-summary>div{padding:15px;background:#071820}.depth-summary small{display:block;color:#718d95;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.depth-summary b{display:block;margin-top:5px;color:#fff;font-size:15px}.depth-balance{height:7px;background:#3a1820}.depth-balance span{display:block;height:100%;background:#35f28d}.depth-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#173b47}.depth-columns>div{background:#06151c;padding:12px}.depth-title{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 10px;color:#7f9ba3;font-size:9px}.depth-title b{font-size:11px}.depth-title.buy b{color:#35f28d}.depth-title.sell b{color:#ff8b99}.depth-row{position:relative;display:grid;grid-template-columns:1fr 1fr .7fr 1.2fr;gap:8px;align-items:center;padding:7px 6px;color:#c4d3d7;font-size:10px;border-top:1px solid rgba(35,70,80,.35)}.depth-row>span{position:relative;z-index:1}.depth-row i{height:16px;border-radius:4px;opacity:.18;justify-self:end;min-width:4px}.depth-bar.buy{background:#35f28d}.depth-bar.sell{background:#ff6074}.depth-header{color:#607a82;font-size:8px;text-transform:uppercase;border-top:0}.depth-empty{padding:28px;text-align:center;color:#78939b;font-size:11px;line-height:1.7}.depth-empty b{color:#dce8eb}.depth-empty p{margin:7px 0 0}.depth-empty.small{padding:20px}.depth-note{padding:12px 4px 2px;color:#6f888f;font-size:9px;line-height:1.6}.positive{color:#35f28d}.negative{color:#ff7180}
@media(max-width:800px){.depth-head{display:block}.depth-controls{margin-top:14px;min-width:0}.depth-controls .input{width:100%}.depth-summary{grid-template-columns:repeat(2,1fr)}.depth-columns{grid-template-columns:1fr}.depth-section{padding:14px}.depth-row{grid-template-columns:1fr 1fr .7fr 1fr}.depth-head .market-section-title{font-size:21px}}
/* V2.4.12 logo refinement */
.logo{min-width:220px;line-height:0}
.logo img{height:58px;width:auto;max-width:310px;display:block;object-fit:contain;object-position:left center}
@media (max-width:760px){.logo{min-width:0}.logo img{height:42px;max-width:220px}}
/* V2.4.14 — screenshot-inspired course purchase layout */
.screenshot-course-page{background:#f4f8f9}.course-detail-shell{max-width:1240px}.breadcrumb{display:flex;gap:14px;align-items:center;padding:25px 6px 18px;color:#60727a;font-size:14px}.breadcrumb a{color:#60727a;text-decoration:none}.breadcrumb b{color:#10232b}.screenshot-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 492px;gap:26px;align-items:start}.course-visual-hero{position:relative;min-height:438px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#03161c 0%,#05262c 55%,#0b513a 100%);box-shadow:0 16px 45px rgba(5,28,34,.16);color:#fff;padding:44px}.hero-grid-lines{position:absolute;inset:0;background:linear-gradient(rgba(61,246,144,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(61,246,144,.07) 1px,transparent 1px);background-size:45px 45px;opacity:.45}.hero-badge{position:relative;display:inline-block;padding:9px 17px;border-radius:10px;background:#0ebd68;color:#fff;font-size:12px;font-weight:950;letter-spacing:.04em}.hero-copy{position:relative;z-index:2;width:58%;margin-top:18px}.hero-copy h1{font-size:46px;line-height:1.05;margin:0 0 22px;letter-spacing:-.035em}.hero-copy h1::first-line{color:#fff}.hero-copy p{font-size:15px;line-height:1.75;color:#d1dfe0;margin:0}.hero-note{position:absolute;z-index:4;left:52%;top:90px;display:grid;gap:8px;padding:15px 22px;border:1px solid rgba(54,243,143,.35);background:rgba(4,22,28,.8);border-radius:15px;box-shadow:0 15px 30px rgba(0,0,0,.2);font-size:13px}.hero-note b{font-weight:800}.hero-note b::before{content:'✓';color:#35f28d;margin-right:8px}.hero-screen{position:absolute;right:-35px;bottom:54px;width:56%;height:245px;background:#06171e;border:2px solid rgba(49,220,137,.24);border-radius:18px 18px 5px 5px;transform:perspective(900px) rotateY(-8deg) rotateX(2deg);box-shadow:0 25px 50px rgba(0,0,0,.4);overflow:hidden}.screen-top{height:32px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08)}.screen-top span{width:7px;height:7px;border-radius:50%;background:#31525a}.screen-top small{margin-left:auto;font-size:6px;letter-spacing:.16em;color:#6b858b}.chart-area{position:relative;height:calc(100% - 32px);overflow:hidden}.chart-grid{position:absolute;inset:0;background:linear-gradient(rgba(60,237,142,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(60,237,142,.09) 1px,transparent 1px);background-size:42px 35px}.chart-line{position:absolute;left:6%;right:5%;bottom:30%;height:2px;background:#36f28d;transform:rotate(-7deg);box-shadow:0 0 10px rgba(53,242,141,.8)}.chart-candle{position:absolute;width:7px;background:#22d77e;bottom:25%;box-shadow:0 0 8px rgba(34,215,126,.45)}.chart-candle:before{content:'';position:absolute;left:2px;top:-13px;width:2px;height:14px;background:#35f28d}.c1{left:14%;height:55px}.c2{left:27%;height:86px;bottom:30%}.c3{left:41%;height:45px;bottom:29%}.c4{left:54%;height:105px;bottom:33%}.c5{left:67%;height:72px;bottom:38%}.c6{left:80%;height:126px;bottom:43%}.hero-candles{position:absolute;right:40px;top:24px;display:flex;align-items:end;gap:9px;height:120px;opacity:.75}.hero-candles i{display:block;width:23px;border-radius:5px 5px 2px 2px;background:linear-gradient(#35f28d,#0c6246);box-shadow:0 0 20px rgba(53,242,141,.12)}.hero-candles i:nth-child(1){height:35px}.hero-candles i:nth-child(2){height:70px}.hero-candles i:nth-child(3){height:50px}.hero-candles i:nth-child(4){height:90px}.hero-candles i:nth-child(5){height:65px}.hero-candles i:nth-child(6){height:112px}.hero-candles i:nth-child(7){height:78px}.hero-candles i:nth-child(8){height:122px}.hero-journey{position:absolute;right:28px;top:22px;color:#35f28d;font-size:22px;font-style:italic;line-height:1.25;transform:rotate(-3deg);font-family:cursive;text-shadow:0 0 20px rgba(53,242,141,.25)}.hero-journey em{font-size:26px}.hero-features{position:absolute;left:44px;right:44px;bottom:23px;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-features span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;font-size:21px;color:#35f28d}.hero-features b,.hero-features small{grid-column:2;color:#fff;font-size:11px;line-height:1.3}.hero-features small{color:#b9cbce;font-weight:700}.course-tabs{display:flex;gap:42px;margin-top:24px;background:#fff;border:1px solid #e0e8ea;border-radius:18px 18px 0 0;padding:0 26px}.course-tabs a{padding:20px 10px 16px;color:#5e7077;text-decoration:none;font-weight:800;border-bottom:3px solid transparent}.course-tabs a.active{color:#11252c;border-color:#19d87d}.course-white-card{background:#fff;border:1px solid #e0e8ea;border-top:0;padding:32px 38px}.course-white-card h2{font-size:27px;margin:0 0 12px;color:#0c2027}.course-white-card p{color:#586d75;line-height:1.8}.screenshot-purchase-card{position:sticky;top:110px;background:#fff;border:1px solid #e2e9ea;border-radius:20px;padding:30px;box-shadow:0 12px 35px rgba(10,30,38,.08);color:#10232b}.popular-pill{display:inline-flex;align-items:center;padding:7px 12px;background:#dcfae9;border-radius:20px;color:#0b9a5d;font-weight:950;font-size:12px}.purchase-price-row{display:flex;align-items:center;gap:14px;margin-top:22px}.purchase-price-row strong{font-size:47px;letter-spacing:-.04em;color:#0b1d25}.purchase-price-row span{text-decoration:line-through;color:#7b898e;font-size:18px}.purchase-price-row em{font-style:normal;background:#ffe3e6;color:#e54855;padding:8px 11px;border-radius:10px;font-weight:900;font-size:13px}.purchase-subline{color:#60747a;font-size:14px;margin:3px 0 20px}.purchase-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.purchase-mode{background:#fff;border:1px solid #cfdde0;border-radius:12px;padding:12px;text-align:left;cursor:pointer;color:#23383f}.purchase-mode.active{border:2px solid #19cf78;background:#effff7}.purchase-mode small{display:block;font-size:9px;color:#789097;font-weight:900}.purchase-mode b{font-size:15px}.screenshot-buy-now{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#13d47c,#0fc26e);color:#fff;padding:17px 16px;font-size:20px;font-weight:950;cursor:pointer;box-shadow:0 10px 22px rgba(13,197,108,.22)}.screenshot-buy-now span{display:block;font-size:12px;font-weight:600;margin-top:3px;opacity:.95}.screenshot-add-cart{width:100%;margin-top:10px;padding:15px;border:1px solid #c4d2d6;border-radius:14px;background:#fff;color:#152b33;font-size:16px;font-weight:900;cursor:pointer}.purchase-benefits{display:grid;gap:13px;margin:24px 4px}.purchase-benefits div{display:flex;gap:11px;align-items:center;font-size:17px;color:#16b66d}.purchase-benefits span{color:#3c5962;font-size:15px}.secure-payment-box{background:#e9fff4;border:1px solid #b9efd3;border-radius:13px;padding:16px;color:#0d9a5b}.secure-payment-box b{display:block;font-size:14px}.secure-payment-box small{display:block;margin-top:4px;color:#5d7a70;line-height:1.5}.education-note{font-size:10px;line-height:1.6;color:#74858a;margin:14px 3px 0}.screenshot-course-main .live-practical-card{display:flex;justify-content:space-between;gap:20px}.screenshot-course-main .curriculum-grid{margin-top:18px}.screenshot-course-main .curriculum-grid article{background:#f7fbfa}
@media(max-width:1050px){.screenshot-course-layout{grid-template-columns:1fr}.screenshot-purchase-card{position:static}.course-visual-hero{min-height:470px}.hero-copy{width:60%}}
@media(max-width:700px){.breadcrumb{font-size:12px;gap:8px;overflow:hidden;white-space:nowrap}.course-visual-hero{min-height:560px;padding:28px 22px}.hero-copy{width:100%}.hero-copy h1{font-size:38px}.hero-copy p{font-size:13px}.hero-note{left:22px;top:205px}.hero-screen{left:8%;right:auto;bottom:105px;width:84%;height:185px}.hero-journey{right:18px;top:310px;font-size:16px}.hero-journey em{font-size:19px}.hero-candles{display:none}.hero-features{left:22px;right:22px;bottom:16px;grid-template-columns:1fr 1fr;gap:10px}.hero-features span{font-size:16px}.course-tabs{gap:12px;overflow:auto;padding:0 12px}.course-tabs a{white-space:nowrap;padding:16px 7px;font-size:13px}.course-white-card{padding:25px 20px}.screenshot-purchase-card{padding:22px}.purchase-price-row strong{font-size:39px}.purchase-price-row span{font-size:14px}.purchase-price-row em{font-size:11px}.screenshot-course-main .live-practical-card{display:block}.screenshot-purchase-card{border-radius:16px}}

/* V2.4.15 premium payment/admission UI */
.payment-page-v2415{background:#f4f8f9}.payment-shell-v2415{max-width:1120px}.payment-hero-v2415{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:42px 0 24px}.payment-hero-v2415 h1{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:6px 0 10px}.payment-stepper{display:flex;gap:8px;flex-wrap:wrap}.payment-stepper span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dbe7e5;background:#fff;border-radius:999px;color:#718188;font-size:12px;font-weight:800}.payment-stepper span.active{border-color:#9be6bf;background:#effcf5;color:#0a9b61}.payment-stepper b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e6efed}.payment-stepper .active b{background:#19cf78;color:#fff}.payment-coupon-summary:empty{display:none}.payment-coupon-summary{padding:14px 18px;margin:0 0 18px;border:1px solid #bdeed2;background:#ecfff5;border-radius:14px;color:#087c4c}.payment-card-v2415{background:#fff;border:1px solid #e0e9e7;border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(9,35,42,.06);margin-top:18px}.payment-section-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.payment-section-head.compact{margin-bottom:15px}.payment-section-head h2{margin:2px 0 5px;font-size:24px}.payment-section-head p{margin:0;color:#6a7b81;font-size:14px}.step-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#0b2730;color:#35f28d;font-weight:950}.step-icon.small{width:36px;height:36px;flex-basis:36px;border-radius:11px}.education-alert{display:grid;gap:4px;padding:16px 18px;background:#f0faf6;border:1px solid #cceee0;border-radius:15px;margin-bottom:15px}.education-alert strong{color:#078f56}.education-alert span{font-size:13px;color:#5d7278;line-height:1.55}.consent-box{display:flex;gap:10px;align-items:flex-start;padding:15px;border:1px solid #dce7e5;border-radius:14px;background:#fbfdfd;line-height:1.55;font-size:13px;color:#40565d}.consent-box input{margin-top:4px;accent-color:#13c970}.consent-box a{color:#078f56;font-weight:800}.payment-primary-btn,.payment-secondary-btn{border:0;border-radius:13px;padding:15px 18px;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.payment-primary-btn{width:100%;margin-top:14px;background:linear-gradient(135deg,#16d77d,#0dbb69);color:#fff;box-shadow:0 9px 22px rgba(13,195,108,.2)}.payment-primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.payment-primary-btn span{display:block;font-size:11px;font-weight:600;opacity:.9}.payment-secondary-btn{background:#0a2730;color:#fff}.otp-panel{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;padding:16px;background:#f6faf9;border:1px solid #dbe9e6;border-radius:15px;margin-top:15px}.otp-panel label,.payment-form-v2415 label{display:grid;gap:7px;font-weight:800;color:#243d44;font-size:13px}.otp-panel input,.payment-form-v2415 input,.payment-form-v2415 select,.payment-form-v2415 textarea{width:100%;box-sizing:border-box;border:1px solid #d6e3e0;border-radius:11px;padding:13px 14px;background:#fff;color:#172d34;font:inherit}.otp-panel small,.payment-form-v2415 small{font-weight:500;color:#819095}.payment-choice-grid-v2415{grid-template-columns:1fr 1fr;gap:15px}.payment-choice-grid-v2415 .payment-choice{padding:19px;border-radius:15px}.payment-choice-grid-v2415 .payment-choice span{font-size:26px}.payment-amount-banner{display:flex;justify-content:space-between;align-items:center;background:#06252b;color:#fff;padding:15px 18px;border-radius:14px;margin-bottom:15px}.payment-amount-banner small{color:#8ba7a9;font-weight:900;font-size:10px;letter-spacing:.08em}.payment-amount-banner strong{font-size:27px;color:#35f28d}.qr-box-v2415{min-height:180px;display:grid;place-items:center;text-align:center;border:1px dashed #cddedb;background:#f8fbfa;border-radius:16px;padding:15px}.qr-box-v2415 img{max-width:280px;width:100%;background:#fff;border:1px solid #e1e9e7;border-radius:13px;padding:8px}.center-btn{text-decoration:none;margin-top:12px}.payment-tip{margin-top:14px;padding:12px 14px;background:#f6faf9;border-radius:11px;color:#64767b;font-size:12px;line-height:1.55}.form-grid-v2415{display:grid;grid-template-columns:1fr 1fr;gap:15px}.payment-form-v2415>label{margin-top:15px}.payment-form-v2415 textarea{min-height:90px;resize:vertical}.payment-history-card{margin-top:18px}.payment-trust-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:24px 0;color:#607279;font-size:12px;font-weight:800}.payment-trust-row span{padding:9px 12px;background:#fff;border:1px solid #e0e9e7;border-radius:999px}@media(max-width:850px){.payment-hero-v2415{display:block}.payment-stepper{margin-top:20px}.payment-hero-v2415 h1{font-size:40px}.otp-panel,.form-grid-v2415,.payment-choice-grid-v2415{grid-template-columns:1fr}}@media(max-width:600px){.payment-card-v2415{padding:19px;border-radius:17px}.payment-hero-v2415{padding-top:25px}.payment-hero-v2415 h1{font-size:34px}.payment-section-head h2{font-size:20px}.payment-stepper span{font-size:11px}}

/* V2.4.17 student profile + checkout account details */
.profile-page{padding:55px 0 90px}.profile-hero{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.profile-hero h1{margin:10px 0}.profile-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.profile-card{background:#fff;border:1px solid #dbe7e9;border-radius:22px;padding:28px;box-shadow:0 15px 45px rgba(7,24,31,.06);color:var(--ink)}.profile-card-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}.profile-card h2{font-size:30px;margin:8px 0}.profile-card p{color:#6b7e84;font-size:13px;line-height:1.6}.profile-id{padding:8px 12px;border-radius:999px;background:#e8fff2;color:#078e52;font-size:11px;font-weight:900;white-space:nowrap}.profile-form{display:grid;gap:13px}.profile-form label{display:grid;gap:6px;font-size:11px;font-weight:900}.profile-form input{margin:0}.profile-form input[readonly]{background:#f4f8f9;color:#6b7e84}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-note{padding:14px;border:1px solid #d8ece2;background:#f1fbf6;border-radius:13px;color:#557168;font-size:11px;line-height:1.6}.profile-muted{color:#7a8d93}.student-profile-shortcut{margin-bottom:15px}.student-profile-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.student-profile-mini>div{padding:14px;border:1px solid #e0eaec;border-radius:14px;background:#fbfdfd}.student-profile-mini small{display:block;color:#7b8d92;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.student-profile-mini strong{display:block;margin-top:6px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-profile-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid #d7e9df;background:#f4fbf7;border-radius:15px;margin-bottom:16px}.checkout-profile-card h3{margin:4px 0;font-size:17px}.checkout-profile-card p{margin:0;color:#6b7e84;font-size:11px}.checkout-profile-card .mini-link{white-space:nowrap}@media(max-width:800px){.profile-layout{grid-template-columns:1fr}.profile-hero{display:block}.profile-hero .btn{margin-top:15px}.student-profile-mini{grid-template-columns:1fr}.checkout-profile-card{align-items:flex-start;flex-direction:column}}

/* V2.4.18 Student Profile */
.profile-hero-v2418{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:42px 0 26px}.profile-hero-v2418 h1{margin:6px 0 8px;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.04em}.profile-hero-v2418 p{max-width:720px;margin:0;color:var(--muted,#63727a);font-size:16px}.profile-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-grid-v2418{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.profile-card-v2418{min-width:0}.profile-badge-v2418{padding:8px 12px;border-radius:999px;background:#e9fff5;color:#078b5b;font-size:12px;font-weight:800;white-space:nowrap}.profile-form-v2418{display:grid;gap:16px}.profile-form-v2418 label{display:grid;gap:7px;font-weight:700;font-size:13px}.profile-form-v2418 input{width:100%;box-sizing:border-box;border:1px solid #dbe6e8;border-radius:12px;padding:13px 14px;background:#fff;color:#10222a;font:inherit;outline:none}.profile-form-v2418 input:focus{border-color:#0cc67a;box-shadow:0 0 0 3px rgba(12,198,122,.12)}.profile-form-v2418 small{color:#718087;font-weight:500}.profile-avatar-v2418{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#0c2630,#0cc67a);color:#fff;font-size:28px;font-weight:900}.profile-readonly-grid-v2418{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-readonly-grid-v2418>div{border:1px solid #e2ebed;border-radius:12px;padding:13px;background:#f8fbfb;display:grid;gap:5px}.profile-readonly-grid-v2418 small{color:#74838a;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.profile-readonly-grid-v2418 strong{overflow-wrap:anywhere}.profile-note-v2418,.profile-security-box-v2418{border-radius:12px;padding:13px 14px;background:#effaf6;color:#49636a;font-size:13px;line-height:1.5}.profile-security-box-v2418{display:grid;gap:3px;background:#f4f8ff}.profile-security-box-v2418 b{color:#16313a}.profile-actions-v2418{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-msg.success{color:#078b5b}.form-msg.error{color:#c43b3b}.profile-checkout-v2418{margin:20px 0 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#f2fffa,#fff)}.profile-checkout-v2418 h2{margin:4px 0}.profile-checkout-v2418 p{margin:6px 0 0;color:#66767d;max-width:720px}.profile-state-v2418{padding:60px 0;text-align:center;color:#66767d}.profile-state-v2418.hidden{display:none}@media(max-width:800px){.profile-hero-v2418{align-items:flex-start;flex-direction:column}.profile-grid-v2418{grid-template-columns:1fr}.profile-checkout-v2418{align-items:flex-start;flex-direction:column}.profile-readonly-grid-v2418{grid-template-columns:1fr}}
/* V2.4.23 payment flow polish */
.payment-page-v2423 #paymentArea{scroll-margin-top:30px}.payment-page-v2423 #proofCard{scroll-margin-top:30px}.payment-page-v2423 .payment-stepper span.done{border-color:#9be6bf;background:#f0fff7;color:#078f56}.payment-page-v2423 .payment-stepper span.done b{background:#19cf78;color:#fff}.payment-page-v2423 .static-qr-wrap{display:grid;place-items:center;gap:10px}.payment-page-v2423 .static-qr-wrap img{width:min(330px,100%);height:auto;display:block;background:#fff;border:1px solid #dfe9e6;border-radius:16px;padding:8px;box-shadow:0 8px 24px rgba(9,35,42,.08)}.payment-page-v2423 .static-qr-wrap span{font-size:12px;font-weight:800;color:#60777c}.payment-page-v2423 .qr-error{padding:15px;color:#a33;font-size:13px}.payment-page-v2423 #paymentArea.hidden{display:none!important}.payment-page-v2423 .payment-primary-btn{transition:transform .15s ease,box-shadow .15s ease}.payment-page-v2423 .payment-primary-btn:not(:disabled):hover{transform:translateY(-1px)}.payment-page-v2423 .form-msg{min-height:18px}.payment-page-v2423 #paymentHistory{scroll-margin-top:30px}

/* V2.4.24: single-screen admission wizard */
.payment-page-v2424{background:#f4f8f9;min-height:calc(100vh - 76px);padding-bottom:60px;color:#07171d}
.payment-shell-v2424{width:min(1060px,calc(100% - 36px));margin:0 auto}
.payment-hero-v2424{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:36px 0 20px}
.payment-hero-v2424 h1{font-size:clamp(34px,5vw,56px);margin:6px 0 10px;color:#07171d}
.payment-stepper-v2424{display:flex;gap:8px;flex-wrap:wrap}
.payment-stepper-v2424 span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dbe7e5;background:#fff;border-radius:999px;color:#718188;font-size:12px;font-weight:800}
.payment-stepper-v2424 span.active{border-color:#9be6bf;background:#effcf5;color:#0a9b61}
.payment-stepper-v2424 span.done{border-color:#9be6bf;background:#f0fff7;color:#078f56}
.payment-stepper-v2424 b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e6efed}
.payment-stepper-v2424 .active b,.payment-stepper-v2424 .done b{background:#19cf78;color:#fff}
.payment-wizard-card-v2424{background:#fff;border:1px solid #e0e9e7;border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(9,35,42,.06);margin-top:16px}
.payment-section-head-v2424{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}
.payment-section-head-v2424.compact{margin-bottom:14px}
.payment-section-head-v2424 h2{margin:2px 0 5px;font-size:24px}
.payment-section-head-v2424 h3{margin:2px 0 5px;font-size:20px}
.payment-section-head-v2424 p{margin:0;color:#6a7b81;font-size:14px}
.step-icon-v2424{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#06252b;color:#35f28d;font-weight:950}
.step-icon-v2424.small{width:30px;height:30px;flex-basis:30px;font-size:13px}
.payment-details-stage-v2424{margin-top:18px}
.payment-inner-card-v2424{border:1px solid #e0e9e7;border-radius:18px;padding:20px;background:#fff}
.wizard-actions{display:flex;gap:10px;margin-top:18px}
.wizard-actions-between-v2424{justify-content:space-between;align-items:center}
.wizard-submit-btn-v2424{width:auto;min-width:280px;margin-top:0}
.payment-page-v2424 .hidden{display:none!important}
.admission-success-v2424{margin:20px 0 8px;padding:22px;border:1px solid #bcebd2;border-radius:20px;background:linear-gradient(135deg,#effff6,#fff);display:flex;gap:16px;align-items:flex-start;box-shadow:0 10px 30px rgba(9,35,42,.06)}
.admission-success-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:#16c979;color:#fff;font-size:22px;font-weight:950}
.admission-success-main h2{margin:3px 0 6px;color:#07171d;font-size:25px}
.admission-success-main p{margin:0 0 12px;color:#667a80}
.admission-id-box{display:inline-flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:12px;background:#06252b;color:#fff;margin-right:10px}
.admission-id-box span{font-size:10px;color:#8ba7a9;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.admission-id-box strong{color:#35f28d;font-size:18px;letter-spacing:.04em}
.admission-meta{display:inline-flex;gap:8px;flex-wrap:wrap;vertical-align:bottom;margin-top:8px}
.admission-meta span{padding:8px 10px;border-radius:999px;background:#f1f7f5;color:#486067;font-size:11px;font-weight:800}
@media(max-width:760px){.payment-hero-v2424{display:block}.payment-stepper-v2424{margin-top:18px}.payment-wizard-card-v2424{padding:19px;border-radius:17px}.wizard-actions-between-v2424{flex-direction:column-reverse;align-items:stretch}.wizard-actions-between-v2424 .btn,.wizard-submit-btn-v2424{width:100%;min-width:0}.admission-success-v2424{flex-direction:column}.admission-meta{display:flex}}

/* V2.4.25 agreement resend module */
.agreement-resend-card{border:1px solid #d9ebe4!important;background:linear-gradient(135deg,#fbfffd,#f0faf6)}
.agreement-resend-card .panel-head{margin-bottom:14px}

/* V2.4.27 — global contrast + admission wizard polish */
.section.light,.page.light,.payment-page-v2427{color:var(--ink);background:var(--light)}
.section.light h1,.section.light h2,.section.light h3,.section.light h4,.section.light p,.section.light label,.section.light li,.page.light h1,.page.light h2,.page.light h3,.page.light h4,.page.light p,.page.light label,.page.light li,.payment-page-v2427 h1,.payment-page-v2427 h2,.payment-page-v2427 h3,.payment-page-v2427 h4,.payment-page-v2427 label{color:var(--ink)}
.section.light .lead,.page.light .lead,.payment-page-v2427 .lead,.payment-page-v2427 .payment-section-head-v2427 p{color:#5d6f76}
.section.light .btn-ghost,.page.light .btn-ghost,.payment-page-v2427 .btn-ghost{background:#06252b;color:#fff;border-color:#06252b;box-shadow:0 7px 18px rgba(6,37,43,.12)}
.section.light .btn-ghost:hover,.page.light .btn-ghost:hover,.payment-page-v2427 .btn-ghost:hover{background:#0b3440;color:#fff}
.section.dark,.page.dark{color:#fff}
.section.dark h1,.section.dark h2,.section.dark h3,.section.dark h4,.section.dark p,.section.dark label,.section.dark li,.page.dark h1,.page.dark h2,.page.dark h3,.page.dark h4,.page.dark p,.page.dark label,.page.dark li{color:#fff}
.section.dark .small,.page.dark .small{color:#b7c8cc}
.payment-page-v2427{min-height:calc(100vh - 76px);padding-bottom:70px}
.payment-shell-v2427{width:min(1060px,calc(100% - 36px));margin:0 auto}
.payment-hero-v2427{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:36px 0 20px}
.payment-hero-v2427 h1{font-size:clamp(34px,5vw,56px);line-height:.98;letter-spacing:-.05em;margin:6px 0 10px}
.payment-stepper-v2427{display:flex;gap:8px;flex-wrap:wrap}
.payment-stepper-v2427 span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d7e4e2;background:#fff;border-radius:999px;color:#51656c;font-size:12px;font-weight:850;box-shadow:0 3px 10px rgba(9,35,42,.04)}
.payment-stepper-v2427 span.active{border-color:#72dda8;background:#ecfff5;color:#087e4e}
.payment-stepper-v2427 span.done{border-color:#9be6bf;background:#f0fff7;color:#078f56}
.payment-stepper-v2427 b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f0ee;color:#29434b}
.payment-stepper-v2427 .active b,.payment-stepper-v2427 .done b{background:#16c979;color:#fff}
.payment-wizard-card-v2427{background:#fff;color:#07171d;border:1px solid #dce7e5;border-radius:22px;padding:28px;box-shadow:0 14px 40px rgba(9,35,42,.07);margin-top:16px}
.payment-wizard-card-v2427 .payment-section-head-v2427 h2,.payment-wizard-card-v2427 .payment-section-head-v2427 h3{color:#07171d}
.payment-section-head-v2427{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}
.payment-section-head-v2427.compact{margin-bottom:14px}
.payment-section-head-v2427 h2{margin:2px 0 5px;font-size:24px}
.payment-section-head-v2427 h3{margin:2px 0 5px;font-size:20px}
.payment-section-head-v2427 p{margin:0;font-size:14px}
.step-icon-v2427{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#06252b;color:#35f28d;font-weight:950}
.step-icon-v2427.small{width:34px;height:34px;flex-basis:34px}
.payment-page-v2427 .wizard-actions{display:flex;gap:12px;margin-top:20px}
.payment-page-v2427 .wizard-actions-between-v2427{justify-content:space-between;align-items:center}
.payment-page-v2427 .wizard-actions .btn{min-width:150px}
.payment-page-v2427 .wizard-submit-btn-v2427{min-width:320px}
.payment-page-v2427 .hidden{display:none!important}
.payment-page-v2427 .btn-ghost{font-weight:900}
.admission-success-v2427{margin:20px 0 8px;padding:22px;border:1px solid #bcebd2;border-radius:20px;background:linear-gradient(135deg,#effff6,#fff);display:flex;gap:16px;align-items:flex-start;box-shadow:0 10px 30px rgba(9,35,42,.06);color:#07171d}
.admission-success-v2427 h2,.admission-success-v2427 p{color:#07171d}
@media(max-width:760px){.payment-hero-v2427{display:block}.payment-stepper-v2427{margin-top:18px}.payment-wizard-card-v2427{padding:19px;border-radius:17px}.payment-page-v2427 .wizard-actions-between-v2427{flex-direction:column-reverse;align-items:stretch}.payment-page-v2427 .wizard-actions .btn,.payment-page-v2427 .wizard-submit-btn-v2427{width:100%;min-width:0}.admission-success-v2427{flex-direction:column}}

/* V2.4.28 */
.student-dashboard-layout-v2428{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start}.student-sidebar-v2428{position:sticky;top:18px;background:#06252b;color:#fff;border-radius:20px;padding:14px;display:grid;gap:6px;box-shadow:0 16px 35px rgba(4,25,32,.16)}.student-side-brand{display:flex;gap:10px;align-items:center;padding:8px 8px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:4px}.student-side-brand span{width:35px;height:35px;border-radius:10px;background:#19cf78;color:#06252b;display:grid;place-items:center;font-weight:950}.student-side-brand b,.student-side-brand small{display:block}.student-side-brand small{color:#9fb7bb;font-size:9px}.side-nav-link-v2428{color:#c8d7da;text-decoration:none;padding:11px 12px;border-radius:10px;font-size:12px;font-weight:800}.side-nav-link-v2428:hover,.side-nav-link-v2428.active{background:#0d3b43;color:#fff}.student-dashboard-content-v2428{min-width:0}.wallet-balance-v2428{background:#06252b;color:#fff;border-radius:16px;padding:20px;display:grid;gap:4px;margin-bottom:14px}.wallet-balance-v2428 small{color:#9bb5b9;font-size:10px;font-weight:900}.wallet-balance-v2428 strong{font-size:30px;color:#35f28d}.wallet-balance-v2428 span{font-size:11px;color:#c8d4d6}.affiliate-link-label{display:grid;gap:7px;font-weight:800;font-size:12px}.affiliate-link-label input{width:100%;box-sizing:border-box}.affiliate-stats-v2428{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.affiliate-stats-v2428>div{padding:14px;border:1px solid #dce8e5;border-radius:13px;background:#f7fbfa}.affiliate-stats-v2428 small{display:block;color:#728188;font-weight:800}.affiliate-stats-v2428 strong{display:block;margin-top:5px;font-size:22px;color:#06252b}.student-panel{color:#10222a}.student-panel h1,.student-panel h2,.student-panel h3,.student-panel h4,.student-panel strong,.student-panel b{color:#10222a}.student-panel p,.student-panel small{color:#63747b}.page.light,.section.light{color:#10222a}.page.light h1,.page.light h2,.page.light h3,.page.light h4,.page.light p,.page.light label,.page.light li,.section.light h1,.section.light h2,.section.light h3,.section.light h4,.section.light p,.section.light label,.section.light li{color:inherit}.dark,.page.dark,.section.dark{background:#06252b;color:#fff}.dark h1,.dark h2,.dark h3,.dark h4,.dark p,.dark label,.dark li{color:#fff!important}@media(max-width:900px){.student-dashboard-layout-v2428{grid-template-columns:1fr}.student-sidebar-v2428{position:static;display:flex;overflow:auto}.student-side-brand{display:none}.side-nav-link-v2428{white-space:nowrap}.affiliate-stats-v2428{grid-template-columns:1fr}}

/* V2.5.0 — Google Ads landing page + CRM lead capture */
.landing-page-v2501{background:#f5f8f9;color:#10222a}.landing-page-v2501 h1,.landing-page-v2501 h2,.landing-page-v2501 h3,.landing-page-v2501 p{color:inherit}.landing-hero-v2501{padding:72px 0 58px;background:radial-gradient(circle at 78% 22%,rgba(53,242,141,.12),transparent 34%),linear-gradient(135deg,#f7fbfa,#eef6f4)}.landing-hero-grid-v2501{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:52px;align-items:center}.landing-hero-copy-v2501 h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:12px 0 20px;max-width:850px}.landing-hero-copy-v2501 h1 span{color:#087e4e}.landing-lead-v2501{max-width:720px;font-size:18px;line-height:1.7;color:#52666d!important}.landing-cta-row-v2501{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 20px}.landing-trust-pills-v2501{display:flex;gap:9px;flex-wrap:wrap}.landing-trust-pills-v2501 span{padding:9px 12px;border:1px solid #d4e4df;background:#fff;border-radius:999px;font-size:11px;font-weight:850;color:#40585f}.landing-hero-card-v2501{background:#06252b;color:#fff;border-radius:28px;padding:25px;box-shadow:0 22px 60px rgba(4,25,32,.18);border:1px solid rgba(255,255,255,.1)}.landing-faculty-v2501{display:flex;align-items:center;gap:15px;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.12)}.landing-faculty-v2501 img{width:72px;height:72px;object-fit:cover;border-radius:18px;border:2px solid #35f28d}.landing-faculty-v2501 span,.landing-faculty-v2501 small{display:block;color:#9fb7bb;font-size:10px;font-weight:850;letter-spacing:.08em}.landing-faculty-v2501 strong{display:block;color:#fff;font-size:21px;margin:4px 0}.landing-path-v2501{padding:23px 0}.path-label-v2501 span{display:block;color:#8faeb1;font-size:10px;font-weight:900;letter-spacing:.12em}.path-label-v2501 b{display:block;color:#fff;font-size:14px;margin-top:7px}.path-steps-v2501{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.path-steps-v2501 i{font-style:normal;display:grid;gap:5px;padding:13px 8px;border-radius:14px;background:#0d3b43;color:#35f28d;font-weight:950;text-align:center}.path-steps-v2501 small{color:#c6d6d8;font-size:9px;font-weight:750}.landing-disclaimer-mini-v2501{font-size:10px;line-height:1.6;color:#9fb7bb;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.landing-proof-v2501{background:#06252b;color:#fff;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.landing-proof-grid-v2501{display:grid;grid-template-columns:repeat(4,1fr)}.landing-proof-grid-v2501>div{padding:24px 18px;border-right:1px solid rgba(255,255,255,.1)}.landing-proof-grid-v2501>div:last-child{border-right:0}.landing-proof-grid-v2501 strong{display:block;color:#35f28d;font-size:23px}.landing-proof-grid-v2501 span{display:block;color:#b6c8cb;font-size:11px;margin-top:4px}.landing-section-v2501{padding-top:78px;padding-bottom:78px}.landing-head-v2501{align-items:end}.landing-benefits-v2501{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.landing-benefits-v2501 article{background:#fff;border:1px solid #dce8e5;border-radius:19px;padding:23px;box-shadow:0 10px 30px rgba(9,35,42,.045)}.landing-benefits-v2501 article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#06252b;color:#35f28d;font-size:11px;font-weight:950}.landing-benefits-v2501 h3{font-size:20px;margin:18px 0 8px}.landing-benefits-v2501 p{color:#60737a!important;font-size:13px;line-height:1.65}.landing-platform-v2501{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-platform-v2501>div{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0a3038}.landing-platform-v2501 b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#35f28d;color:#06252b;font-size:11px}.landing-platform-v2501 h3{margin:15px 0 7px;font-size:20px}.landing-platform-v2501 p{margin:0;color:#b8c8cb!important;font-size:13px;line-height:1.65}.landing-course-grid-v2501{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.landing-course-card-v2501{background:#fff;border:1px solid #dce8e5;border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(9,35,42,.045);display:flex;flex-direction:column}.landing-course-card-v2501 h3{font-size:21px;margin:16px 0 9px}.landing-course-card-v2501 p{font-size:13px;line-height:1.6;color:#60737a!important;flex:1}.landing-course-top-v2501{display:flex;justify-content:space-between;align-items:center}.landing-course-top-v2501>span{font-size:11px;font-weight:950;color:#087e4e}.landing-course-top-v2501 small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#718289;font-weight:850}.landing-course-meta-v2501{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.landing-course-meta-v2501 span{padding:10px;border-radius:11px;background:#f2f7f5;color:#60737a;font-size:10px;font-weight:800}.landing-course-meta-v2501 b{display:block;color:#10222a;font-size:15px;margin-top:2px}.landing-faculty-story-v2501{display:grid;grid-template-columns:330px 1fr;gap:52px;align-items:center}.landing-faculty-image-v2501{position:relative}.landing-faculty-image-v2501 img{display:block;width:100%;height:360px;object-fit:cover;border-radius:25px}.landing-faculty-image-v2501>span{position:absolute;left:16px;bottom:16px;padding:12px 14px;background:#06252b;border:1px solid rgba(53,242,141,.45);border-radius:13px;color:#35f28d;font-size:14px;font-weight:950}.landing-faculty-image-v2501 small{color:#d0dedf;font-size:8px;letter-spacing:.08em}.landing-faculty-story-v2501 h2{font-size:clamp(34px,4vw,54px);line-height:1;margin:8px 0 14px}.landing-faculty-story-v2501 .lead{color:#c4d2d4!important;line-height:1.7}.landing-principles-v2501{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.landing-principles-v2501 span{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#b8c8cb;font-size:11px}.landing-principles-v2501 b{display:block;color:#35f28d;font-size:12px;margin-bottom:3px}.landing-faq-grid-v2501{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.landing-policy-links-v2501{display:grid;gap:9px;margin-top:23px}.landing-policy-links-v2501 a{color:#087e4e;text-decoration:none;font-size:13px;font-weight:850}.landing-faqs-v2501{display:grid;gap:9px}.landing-faqs-v2501 details{background:#fff;border:1px solid #dce8e5;border-radius:15px;padding:16px 18px}.landing-faqs-v2501 summary{cursor:pointer;font-weight:900;font-size:14px}.landing-faqs-v2501 p{margin:10px 0 0;color:#60737a!important;font-size:13px;line-height:1.65}.landing-enquiry-v2501{padding:82px 0;background:linear-gradient(135deg,#06252b,#0a343d);color:#fff}.landing-enquiry-grid-v2501{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.landing-enquiry-copy-v2501 h2{font-size:clamp(36px,4.5vw,60px);line-height:1;margin:8px 0 15px}.landing-enquiry-copy-v2501 p{color:#c1d0d2!important;line-height:1.7}.landing-contact-points-v2501{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.landing-contact-points-v2501 span{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#c8d6d8;font-size:11px;font-weight:800}.landing-whatsapp-v2501{display:inline-block;color:#35f28d;text-decoration:none;font-size:12px;font-weight:900}.landing-form-card-v2501{background:#fff;color:#10222a;border-radius:23px;padding:28px;box-shadow:0 22px 55px rgba(0,0,0,.2)}.landing-form-card-v2501 h3{font-size:28px;margin:5px 0}.landing-form-card-v2501>p{color:#65777d!important;font-size:12px}.landing-form-grid-v2501{display:grid;grid-template-columns:1fr 1fr;gap:13px}.landing-form-card-v2501 .form{display:grid;gap:13px}.landing-form-card-v2501 label{display:grid;gap:6px;font-size:11px;font-weight:850}.landing-form-card-v2501 input,.landing-form-card-v2501 select,.landing-form-card-v2501 textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #d4e1de;border-radius:11px;background:#fbfdfc;color:#10222a;font:inherit;font-size:13px;outline:none}.landing-form-card-v2501 input:focus,.landing-form-card-v2501 select:focus,.landing-form-card-v2501 textarea:focus{border-color:#35c98a;box-shadow:0 0 0 3px rgba(53,242,141,.12)}.landing-form-card-v2501 .btn{width:100%;justify-content:center}.landing-form-note-v2501{color:#73838a!important;font-size:9px;line-height:1.5}.landing-form-note-v2501 a{color:#087e4e}.landing-form-card-v2501 .form-msg{font-size:12px;font-weight:800;color:#087e4e;min-height:17px}.landing-final-cta-v2501{padding:55px 0;background:#f5f8f9}.landing-final-cta-v2501 .container{display:flex;justify-content:space-between;gap:30px;align-items:center}.landing-final-cta-v2501 h2{font-size:clamp(30px,4vw,48px);line-height:1;margin:6px 0 8px}.landing-final-cta-v2501 p{margin:0;color:#60737a!important}@media(max-width:1000px){.landing-hero-grid-v2501,.landing-faculty-story-v2501,.landing-faq-grid-v2501,.landing-enquiry-grid-v2501{grid-template-columns:1fr}.landing-benefits-v2501,.landing-course-grid-v2501{grid-template-columns:1fr 1fr}.landing-platform-v2501{grid-template-columns:1fr 1fr}.landing-hero-card-v2501{max-width:700px}.landing-faculty-image-v2501{max-width:360px}.landing-final-cta-v2501 .container{display:block}.landing-final-cta-v2501 .landing-cta-row-v2501{margin-bottom:0}}@media(max-width:680px){.landing-hero-v2501{padding:48px 0 38px}.landing-hero-grid-v2501{gap:30px}.landing-hero-copy-v2501 h1{font-size:44px}.landing-lead-v2501{font-size:15px}.landing-proof-grid-v2501{grid-template-columns:1fr 1fr}.landing-proof-grid-v2501>div{border-bottom:1px solid rgba(255,255,255,.1)}.landing-benefits-v2501,.landing-course-grid-v2501,.landing-platform-v2501{grid-template-columns:1fr}.landing-section-v2501{padding-top:55px;padding-bottom:55px}.landing-faculty-story-v2501{gap:30px}.landing-faculty-image-v2501 img{height:320px}.landing-principles-v2501,.landing-contact-points-v2501,.landing-form-grid-v2501{grid-template-columns:1fr}.landing-form-card-v2501{padding:20px}.landing-final-cta-v2501 .landing-cta-row-v2501{margin-top:20px}.path-steps-v2501{gap:5px}.path-steps-v2501 i{padding:10px 4px}}

/* ============================================================
   STOCKSKILL YELLOW CORPORATE BRAND THEME
   Primary: Yellow | Secondary: Navy Blue | Accent: Green
   ============================================================ */
:root{
  --green:#FFC107;
  --green2:#FFB300;
  --brand-yellow:#FFC107;
  --brand-yellow-strong:#FFB300;
  --brand-navy:#0B2D5B;
  --brand-accent-green:#00B050;
  --brand-navy-deep:#071E3A;
}

body:before{
  background:
    radial-gradient(circle at 10% 10%,rgba(255,193,7,.09),transparent 26%),
    radial-gradient(circle at 90% 20%,rgba(0,176,80,.045),transparent 24%);
}
.page-glow{background:rgba(255,193,7,.06)}
.nav{background:rgba(7,30,58,.92);border-bottom-color:rgba(255,193,7,.20)}
.navlinks a:hover,.text-link,.eyebrow{color:var(--brand-yellow)!important}
.logo span{color:var(--brand-yellow)}
.logo-mark{background:var(--brand-yellow);color:var(--brand-navy-deep)}
.btn-primary{background:var(--brand-yellow);color:#111;box-shadow:0 10px 30px rgba(255,193,7,.20)}
.btn-primary:hover{box-shadow:0 14px 36px rgba(255,193,7,.34)}
.btn-ghost{border-color:#365578}
.btn-dark{background:var(--brand-navy-deep);border-color:#214875}
.market-strip{background:#061a31;border-bottom-color:#274a70}
.tick{border-color:#23466c;background:#0a2747}
.up{color:var(--brand-accent-green)}
.hero h1 span{color:var(--brand-yellow);text-shadow:0 0 30px rgba(255,193,7,.16)}
.orbit{border-color:rgba(255,193,7,.22);box-shadow:0 0 80px rgba(255,193,7,.08) inset}
.orbit:after{background:var(--brand-yellow);box-shadow:0 0 25px var(--brand-yellow)}
.mini-chart{background:repeating-linear-gradient(0deg,transparent 0 45px,rgba(255,193,7,.08) 46px),repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,193,7,.05) 71px)}
.mini-chart i{background:linear-gradient(180deg,var(--brand-yellow),rgba(255,193,7,.08))}
.program-card:hover{border-color:rgba(255,193,7,.55)}
.program-card .level{color:var(--brand-yellow)}
.portrait-card{background:radial-gradient(circle at 30% 20%,rgba(255,193,7,.20),transparent 30%),linear-gradient(145deg,#12365f,#06182d)}
.portrait-initials{color:var(--brand-yellow);text-shadow:0 0 45px rgba(255,193,7,.25)}
.portrait-badge{background:var(--brand-yellow);color:#111}
.platform-grid span{color:var(--brand-yellow)}
.platform-grid{background:#214875;border-color:#214875}
.page.dark,.section.dark{background:linear-gradient(180deg,#071e3a,#041427)}
.journey>div b{background:#fff6d6;color:#9a6a00}
.policy-callout a{color:#9a6a00}
.principles span{background:#fff7d8;color:#7a5600}
.page.dark .principles span{background:#173b63;color:var(--brand-yellow)}

/* Yellow-led landing page */
.landing-hero-v2501{background:radial-gradient(circle at 78% 22%,rgba(255,193,7,.16),transparent 34%),linear-gradient(135deg,#fffdf5,#f4f7fa)}
.landing-hero-copy-v2501 h1 span{color:#B77900!important}
.landing-faculty-v2501 img{border-color:var(--brand-yellow)!important}
.path-steps-v2501 i{color:var(--brand-yellow)!important;background:#163a61!important}
.landing-proof-grid-v2501 strong{color:var(--brand-yellow)!important}
.landing-benefits-v2501 article>span{background:var(--brand-navy)!important;color:var(--brand-yellow)!important}
.landing-course-top-v2501>span{color:#B77900!important}
.landing-faculty-image-v2501>span{border-color:rgba(255,193,7,.55)!important;color:var(--brand-yellow)!important}
.landing-principles-v2501 b{color:var(--brand-yellow)!important}
.landing-policy-links-v2501 a,.landing-whatsapp-v2501{color:#9A6A00!important}
.landing-form-card-v2501 input:focus,.landing-form-card-v2501 select:focus,.landing-form-card-v2501 textarea:focus{border-color:#D9A300!important;box-shadow:0 0 0 3px rgba(255,193,7,.16)!important}
.landing-form-card-v2501 .form-msg{color:#087E4E!important}
.landing-enquiry-v2501{background:linear-gradient(135deg,#071e3a,#0b2d5b)}
.landing-final-cta-v2501{background:#f6f8fa}

/* Common yellow accents across white/light sections */
.eyebrow.green{color:#B77900!important}
.course-selection .eyebrow,.course-policy .eyebrow,.course-final .eyebrow{color:#B77900!important}
.stars{color:#D89D00!important}

/* Keep green only as a small functional accent */
.badge-success,.status-active,.success,.form-msg.success{color:var(--brand-accent-green)!important}

/* Mobile navigation follows the same brand system */
.mobile-bottom{background:rgba(7,30,58,.98);border-top-color:#274a70}
.mobile-bottom a.active{color:var(--brand-yellow)}
.mobile-bottom a.active:before{background:var(--brand-yellow)}

/* Focus/accessibility */
:focus-visible{outline:3px solid rgba(255,193,7,.55);outline-offset:2px}

/* ============================================================
   STOCKSKILL FINAL CONTRAST SAFETY LAYER
   V2.5.3
   Fixes light-page inheritance overriding dark cards/panels.
   ============================================================ */

/* ------------------------------------------------------------
   DARK PROGRAM / COURSE CARDS
   ------------------------------------------------------------ */

.page.light .program-card,
.section.light .program-card {
  color:#f5fbfa !important;
  background:linear-gradient(180deg,#0d2934,#09212a) !important;
  border-color:#204652 !important;
}

.page.light .program-card h1,
.page.light .program-card h2,
.page.light .program-card h3,
.page.light .program-card h4,
.page.light .program-card strong,
.page.light .program-card b,
.section.light .program-card h1,
.section.light .program-card h2,
.section.light .program-card h3,
.section.light .program-card h4,
.section.light .program-card strong,
.section.light .program-card b {
  color:#ffffff !important;
}

.page.light .program-card p,
.page.light .program-card li,
.section.light .program-card p,
.section.light .program-card li {
  color:#b9cbd0 !important;
}

.page.light .program-card .program-no,
.section.light .program-card .program-no {
  color:#78939b !important;
}

.page.light .program-card .level,
.section.light .program-card .level {
  color:#FFC107 !important;
}

.page.light .program-card .program-live-tag,
.section.light .program-card .program-live-tag {
  color:#35f28d !important;
  background:#103a2c !important;
  border-color:#1c5a47 !important;
}

.page.light .program-card .program-meta span,
.section.light .program-card .program-meta span {
  color:#c8d7da !important;
  background:#0a2029 !important;
  border-color:#1a3c47 !important;
}

.page.light .program-card .program-meta b,
.section.light .program-card .program-meta b {
  color:#8fa8af !important;
}

.page.light .program-card .btn-dark,
.section.light .program-card .btn-dark {
  color:#ffffff !important;
}

/* ------------------------------------------------------------
   GENERIC DARK SURFACES INSIDE LIGHT PAGES
   ------------------------------------------------------------ */

.page.light .dark,
.page.light .section.dark,
.page.light .course-method.dark,
.section.light .dark {
  color:#ffffff !important;
}

.page.light .dark h1,
.page.light .dark h2,
.page.light .dark h3,
.page.light .dark h4,
.page.light .dark strong,
.page.light .dark b,
.page.light .section.dark h1,
.page.light .section.dark h2,
.page.light .section.dark h3,
.page.light .section.dark h4,
.page.light .section.dark strong,
.page.light .section.dark b,
.page.light .course-method.dark h1,
.page.light .course-method.dark h2,
.page.light .course-method.dark h3,
.page.light .course-method.dark h4,
.page.light .course-method.dark strong,
.page.light .course-method.dark b {
  color:#ffffff !important;
}

.page.light .dark p,
.page.light .dark li,
.page.light .section.dark p,
.page.light .section.dark li,
.page.light .course-method.dark p,
.page.light .course-method.dark li {
  color:#aebfc4 !important;
}

/* ------------------------------------------------------------
   DARK CONTENT CARDS
   ------------------------------------------------------------ */

.page.light .content-card.dark,
.page.light .instructor-content-card.dark {
  color:#ffffff !important;
  background:#0b222c !important;
  border-color:#214653 !important;
}

.page.light .content-card.dark h1,
.page.light .content-card.dark h2,
.page.light .content-card.dark h3,
.page.light .content-card.dark h4,
.page.light .content-card.dark strong,
.page.light .content-card.dark b,
.page.light .instructor-content-card.dark h1,
.page.light .instructor-content-card.dark h2,
.page.light .instructor-content-card.dark h3,
.page.light .instructor-content-card.dark h4,
.page.light .instructor-content-card.dark strong,
.page.light .instructor-content-card.dark b {
  color:#ffffff !important;
}

.page.light .content-card.dark p,
.page.light .content-card.dark li,
.page.light .instructor-content-card.dark p,
.page.light .instructor-content-card.dark li {
  color:#aebfc4 !important;
}

/* ------------------------------------------------------------
   CART / CHECKOUT DARK PANELS
   ------------------------------------------------------------ */

.page.light .cart-summary,
.page.light .checkout-trust {
  color:#ffffff !important;
}

.page.light .cart-summary h1,
.page.light .cart-summary h2,
.page.light .cart-summary h3,
.page.light .cart-summary h4,
.page.light .cart-summary strong,
.page.light .cart-summary b,
.page.light .checkout-trust h1,
.page.light .checkout-trust h2,
.page.light .checkout-trust h3,
.page.light .checkout-trust h4,
.page.light .checkout-trust strong,
.page.light .checkout-trust b {
  color:#ffffff !important;
}

.page.light .cart-summary p,
.page.light .cart-summary small,
.page.light .cart-summary span,
.page.light .checkout-trust p,
.page.light .checkout-trust small,
.page.light .checkout-trust span {
  color:#aebfc4 !important;
}

.page.light .cart-total strong {
  color:#ffffff !important;
}

.page.light .cart-total small {
  color:#94abb1 !important;
}

/* ------------------------------------------------------------
   MARKET DARK CARDS
   ------------------------------------------------------------ */

.page.light .market-card,
.page.light .market-status,
.page.light .search-item {
  color:#ffffff !important;
}

.page.light .market-card h1,
.page.light .market-card h2,
.page.light .market-card h3,
.page.light .market-card h4,
.page.light .market-card strong,
.page.light .market-card b,
.page.light .market-status h1,
.page.light .market-status h2,
.page.light .market-status h3,
.page.light .market-status h4,
.page.light .market-status strong,
.page.light .market-status b,
.page.light .search-item h1,
.page.light .search-item h2,
.page.light .search-item h3,
.page.light .search-item h4,
.page.light .search-item strong,
.page.light .search-item b {
  color:#ffffff !important;
}

.page.light .market-card p,
.page.light .market-card small,
.page.light .market-card span,
.page.light .market-status p,
.page.light .market-status small,
.page.light .market-status span,
.page.light .search-item p,
.page.light .search-item small,
.page.light .search-item span {
  color:#aebfc4 !important;
}

/* ------------------------------------------------------------
   FEE / DARK PANELS
   ------------------------------------------------------------ */

.page.light .fee-panel > div {
  color:#ffffff !important;
  background:#0a2029 !important;
  border-color:#214653 !important;
}

.page.light .fee-panel > div strong,
.page.light .fee-panel > div b {
  color:#ffffff !important;
}

.page.light .fee-panel > div small,
.page.light .fee-panel > div span {
  color:#8fa8af !important;
}

/* ------------------------------------------------------------
   INSTRUCTOR CTA
   ------------------------------------------------------------ */

.page.light .instructor-cta {
  color:#ffffff !important;
  background:#08242d !important;
}

.page.light .instructor-cta h1,
.page.light .instructor-cta h2,
.page.light .instructor-cta h3,
.page.light .instructor-cta h4,
.page.light .instructor-cta strong,
.page.light .instructor-cta b {
  color:#ffffff !important;
}

.page.light .instructor-cta p {
  color:#aebfc4 !important;
}

/* ------------------------------------------------------------
   STUDENT DASHBOARD DARK PANELS
   ------------------------------------------------------------ */

.page.light .student-sidebar-v2428,
.page.light .wallet-balance-v2428 {
  color:#ffffff !important;
}

.page.light .student-sidebar-v2428 h1,
.page.light .student-sidebar-v2428 h2,
.page.light .student-sidebar-v2428 h3,
.page.light .student-sidebar-v2428 h4,
.page.light .student-sidebar-v2428 strong,
.page.light .student-sidebar-v2428 b,
.page.light .wallet-balance-v2428 h1,
.page.light .wallet-balance-v2428 h2,
.page.light .wallet-balance-v2428 h3,
.page.light .wallet-balance-v2428 h4,
.page.light .wallet-balance-v2428 strong,
.page.light .wallet-balance-v2428 b {
  color:#ffffff !important;
}

/* ------------------------------------------------------------
   MOBILE DRAWER
   ------------------------------------------------------------ */

.page.light .mobile-drawer-panel {
  color:#ffffff !important;
  background:#061a23 !important;
}

.page.light .mobile-drawer-panel h1,
.page.light .mobile-drawer-panel h2,
.page.light .mobile-drawer-panel h3,
.page.light .mobile-drawer-panel h4,
.page.light .mobile-drawer-panel strong,
.page.light .mobile-drawer-panel b {
  color:#ffffff !important;
}

.page.light .mobile-drawer-links a {
  color:#d4e0e3 !important;
}

/* ------------------------------------------------------------
   DARK PLATFORM / LANDING COMPONENTS
   ------------------------------------------------------------ */

.page.light .landing-hero-card-v2501,
.page.light .landing-proof-v2501,
.page.light .landing-platform-v2501,
.page.light .landing-enquiry-v2501 {
  color:#ffffff !important;
}

.page.light .landing-hero-card-v2501 h1,
.page.light .landing-hero-card-v2501 h2,
.page.light .landing-hero-card-v2501 h3,
.page.light .landing-hero-card-v2501 strong,
.page.light .landing-proof-v2501 h1,
.page.light .landing-proof-v2501 h2,
.page.light .landing-proof-v2501 h3,
.page.light .landing-proof-v2501 strong,
.page.light .landing-platform-v2501 h1,
.page.light .landing-platform-v2501 h2,
.page.light .landing-platform-v2501 h3,
.page.light .landing-platform-v2501 strong,
.page.light .landing-enquiry-v2501 h1,
.page.light .landing-enquiry-v2501 h2,
.page.light .landing-enquiry-v2501 h3,
.page.light .landing-enquiry-v2501 strong {
  color:#ffffff !important;
}

.page.light .landing-hero-card-v2501 p,
.page.light .landing-proof-v2501 p,
.page.light .landing-platform-v2501 p,
.page.light .landing-enquiry-v2501 p {
  color:#b8c8cb !important;
}

/* ------------------------------------------------------------
   DARK JOURNEY / TERMINAL / MISC SURFACES
   ------------------------------------------------------------ */

.page.light .hero-terminal,
.page.light .terminal-stats div,
.page.light .portrait-card {
  color:#ffffff !important;
}

.page.light .hero-terminal h1,
.page.light .hero-terminal h2,
.page.light .hero-terminal h3,
.page.light .hero-terminal strong,
.page.light .terminal-stats div strong {
  color:#ffffff !important;
}

.page.light .hero-terminal p,
.page.light .terminal-stats div small,
.page.light .terminal-stats div em {
  color:#9fb3b9 !important;
}

/* ------------------------------------------------------------
   PRESERVE WHITE TEXT ON DARK BUTTONS
   ------------------------------------------------------------ */

.page.light .btn-dark,
.page.light .btn-ghost {
  color:#ffffff !important;
}

/* ------------------------------------------------------------
   FINAL LIGHT SURFACE RULE
   Only direct light content should inherit dark text.
   Dark child components above are explicitly protected.
   ------------------------------------------------------------ */

.page.light > .container > h1,
.page.light > .container > h2,
.page.light > .container > h3,
.page.light > .container > p {
  color:var(--ink);
}

/* Accessibility */
.page.light a:focus-visible,
.page.light button:focus-visible,
.page.light input:focus-visible,
.page.light select:focus-visible,
.page.light textarea:focus-visible {
  outline:3px solid rgba(255,193,7,.65) !important;
  outline-offset:3px;
}


/* ============================================================
   STOCKSKILL FINAL NESTED CARD CONTRAST REPAIR
   Fix white/light cards placed inside dark sections.
   ============================================================ */

/* ------------------------------------------------------------
   LEARNING JOURNEY
   White journey cards live inside .section.dark.
   Prevent dark-section white text inheritance.
   ------------------------------------------------------------ */

.section.dark .journey,
.page.dark .journey {
  background:#ffffff !important;
  color:#07171d !important;
  border-color:#d6e4e6 !important;
}

.section.dark .journey > div,
.page.dark .journey > div {
  color:#07171d !important;
  background:#ffffff !important;
  border-right-color:#dce8ea !important;
}

.section.dark .journey h3,
.page.dark .journey h3 {
  color:#07171d !important;
}

.section.dark .journey p,
.page.dark .journey p {
  color:#61757c !important;
}

.section.dark .journey b,
.page.dark .journey b {
  color:#9a6a00 !important;
  background:#fff6d6 !important;
}

.section.dark .journey span,
.section.dark .journey small,
.page.dark .journey span,
.page.dark .journey small {
  color:#61757c !important;
}

/* ------------------------------------------------------------
   GENERIC LIGHT CARDS INSIDE DARK SECTIONS
   ------------------------------------------------------------ */

.section.dark .light-card,
.page.dark .light-card,
.section.dark .light-panel,
.page.dark .light-panel,
.section.dark .white-card,
.page.dark .white-card {
  color:#07171d !important;
  background:#ffffff !important;
  border-color:#d6e4e6 !important;
}

.section.dark .light-card h1,
.section.dark .light-card h2,
.section.dark .light-card h3,
.section.dark .light-card h4,
.page.dark .light-card h1,
.page.dark .light-card h2,
.page.dark .light-card h3,
.page.dark .light-card h4,
.section.dark .light-panel h1,
.section.dark .light-panel h2,
.section.dark .light-panel h3,
.section.dark .light-panel h4,
.page.dark .light-panel h1,
.page.dark .light-panel h2,
.page.dark .light-panel h3,
.page.dark .light-panel h4,
.section.dark .white-card h1,
.section.dark .white-card h2,
.section.dark .white-card h3,
.section.dark .white-card h4,
.page.dark .white-card h1,
.page.dark .white-card h2,
.page.dark .white-card h3,
.page.dark .white-card h4 {
  color:#07171d !important;
}

.section.dark .light-card p,
.page.dark .light-card p,
.section.dark .light-panel p,
.page.dark .light-panel p,
.section.dark .white-card p,
.page.dark .white-card p {
  color:#61757c !important;
}

/* ------------------------------------------------------------
   COMMON WHITE SURFACES INSIDE DARK SECTIONS
   ------------------------------------------------------------ */

.section.dark [style*="background:#fff"],
.section.dark [style*="background: #fff"],
.section.dark [style*="background:white"],
.section.dark [style*="background: white"],
.page.dark [style*="background:#fff"],
.page.dark [style*="background: #fff"],
.page.dark [style*="background:white"],
.page.dark [style*="background: white"] {
  color:#07171d !important;
}

.section.dark [style*="background:#fff"] h1,
.section.dark [style*="background:#fff"] h2,
.section.dark [style*="background:#fff"] h3,
.section.dark [style*="background:#fff"] h4,
.section.dark [style*="background:white"] h1,
.section.dark [style*="background:white"] h2,
.section.dark [style*="background:white"] h3,
.section.dark [style*="background:white"] h4,
.page.dark [style*="background:#fff"] h1,
.page.dark [style*="background:#fff"] h2,
.page.dark [style*="background:#fff"] h3,
.page.dark [style*="background:#fff"] h4,
.page.dark [style*="background:white"] h1,
.page.dark [style*="background:white"] h2,
.page.dark [style*="background:white"] h3,
.page.dark [style*="background:white"] h4 {
  color:#07171d !important;
}

.section.dark [style*="background:#fff"] p,
.section.dark [style*="background:white"] p,
.page.dark [style*="background:#fff"] p,
.page.dark [style*="background:white"] p {
  color:#61757c !important;
}

/* ------------------------------------------------------------
   DARK SECTION WHITE PANEL COMMON TEXT
   ------------------------------------------------------------ */

.section.dark .journey a,
.page.dark .journey a {
  color:#9a6a00 !important;
}

/* ------------------------------------------------------------
   MOBILE JOURNEY
   ------------------------------------------------------------ */

@media(max-width:700px){
  .section.dark .journey > div,
  .page.dark .journey > div {
    border-right:0 !important;
    border-bottom:1px solid #dce8ea !important;
  }

  .section.dark .journey > div:last-child,
  .page.dark .journey > div:last-child {
    border-bottom:0 !important;
  }
}


/* ============================================================
   STOCKSKILL FINAL COURSES PAGE REPAIR
   V2.5.3
   Fixes .page.light + .light-card + .program-card conflicts.
   ============================================================ */

/* ------------------------------------------------------------
   COURSES PROGRAM GRID
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

/* ------------------------------------------------------------
   PROGRAM CARD — AUTHORITATIVE APPEARANCE
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid > .program-card.light-card {
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  width:100% !important;
  height:auto !important;
  min-height:575px !important;
  padding:21px !important;
  box-sizing:border-box !important;

  background:linear-gradient(
    180deg,
    #0d2934 0%,
    #071e3a 100%
  ) !important;

  color:#ffffff !important;
  border:1px solid #214653 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  position:relative !important;
}

/* ------------------------------------------------------------
   ALL CARD TEXT — AUTHORITATIVE
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid > .program-card.light-card
.level {
  display:block !important;
  color:#FFC107 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin-bottom:10px !important;
}

.page.light .program-grid.light-grid > .program-card.light-card h1,
.page.light .program-grid.light-grid > .program-card.light-card h2,
.page.light .program-grid.light-grid > .program-card.light-card h3,
.page.light .program-grid.light-grid > .program-card.light-card h4 {
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}

.page.light .program-grid.light-grid > .program-card.light-card h2 {
  font-size:25px !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
  min-height:70px !important;
  margin:0 0 12px !important;
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

.page.light .program-grid.light-grid > .program-card.light-card > p {
  color:#b9cbd0 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:13px !important;
  line-height:1.7 !important;
  min-height:78px !important;
  margin:0 0 16px !important;
  overflow:visible !important;
}

/* ------------------------------------------------------------
   LIVE CLASS BADGE
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid
> .program-card.light-card .program-live-tag {
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  box-sizing:border-box !important;
  color:#35f28d !important;
  background:#103a2c !important;
  border:1px solid #1c5a47 !important;
  border-radius:9px !important;
  padding:7px 10px !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  margin-bottom:16px !important;
  white-space:normal !important;
}

/* ------------------------------------------------------------
   OUTCOMES BOX
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid
> .program-card.light-card .course-outcomes {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:5px !important;
  min-height:112px !important;
  padding:14px !important;
  box-sizing:border-box !important;
  background:#f5f8f9 !important;
  border-radius:14px !important;
  color:#07171d !important;
  overflow:visible !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .course-outcomes b {
  display:block !important;
  color:#0B2D5B !important;
  background:transparent !important;
  font-size:10px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  margin-bottom:1px !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .course-outcomes span {
  display:block !important;
  color:#536970 !important;
  background:transparent !important;
  font-size:10px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
}

/* ------------------------------------------------------------
   FEES
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid
> .program-card.light-card .fee-row {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
  min-height:92px !important;
  margin:18px 0 0 !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .fee-row > div {
  display:grid !important;
  align-content:center !important;
  min-width:0 !important;
  padding:11px !important;
  box-sizing:border-box !important;
  background:#f5f8f9 !important;
  border:1px solid #d8e4e7 !important;
  border-radius:13px !important;
  color:#07171d !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .fee-row small {
  display:block !important;
  color:#536970 !important;
  font-size:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .fee-row strong {
  display:block !important;
  color:#0B2D5B !important;
  font-size:21px !important;
  line-height:1.15 !important;
  margin:4px 0 !important;
  white-space:nowrap !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .fee-row em {
  display:block !important;
  color:#60737a !important;
  font-size:9px !important;
  font-style:normal !important;
  font-weight:800 !important;
}

/* ------------------------------------------------------------
   BOTTOM: RATING + CURRICULUM
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid
> .program-card.light-card .course-card-bottom {
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  min-height:48px !important;
  margin-top:auto !important;
  padding-top:18px !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .course-social-proof.compact {
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
  padding:8px 10px !important;
  background:#f5f8f9 !important;
  border:1px solid #d8e4e7 !important;
  border-radius:12px !important;
  color:#07171d !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .course-social-proof.compact .stars {
  color:#0B2D5B !important;
  font-size:13px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .course-social-proof.compact small {
  color:#60737a !important;
  font-size:8px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
}

.page.light .program-grid.light-grid
> .program-card.light-card .course-card-bottom
.btn-dark {
  display:inline-flex !important;
  flex:0 0 auto !important;
  color:#ffffff !important;
  background:#0B2D5B !important;
  border:1px solid #315b8f !important;
  border-radius:11px !important;
  min-height:42px !important;
  padding:0 14px !important;
  font-size:10px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

/* ------------------------------------------------------------
   HOVER
   ------------------------------------------------------------ */

.page.light .program-grid.light-grid
> .program-card.light-card:hover {
  border-color:rgba(255,193,7,.65) !important;
  transform:translateY(-3px) !important;
  box-shadow:0 18px 45px rgba(4,20,30,.20) !important;
}

/* ------------------------------------------------------------
   COURSE PAGE WHITE SECTIONS
   Prevent card-specific rules from leaking outward.
   ------------------------------------------------------------ */

.page.light .course-selection,
.page.light .course-policy,
.page.light .course-final {
  color:#07171d !important;
}

.page.light .course-selection h1,
.page.light .course-selection h2,
.page.light .course-selection h3,
.page.light .course-policy h1,
.page.light .course-policy h2,
.page.light .course-policy h3,
.page.light .course-final h1,
.page.light .course-final h2,
.page.light .course-final h3 {
  color:#07171d !important;
}

.page.light .course-selection p,
.page.light .course-policy p,
.page.light .course-final p {
  color:#536970 !important;
}

/* ------------------------------------------------------------
   COURSE METHOD DARK SECTION
   ------------------------------------------------------------ */

.page.light .course-method.dark {
  background:linear-gradient(180deg,#071e3a,#041427) !important;
  color:#ffffff !important;
}

.page.light .course-method.dark h1,
.page.light .course-method.dark h2,
.page.light .course-method.dark h3,
.page.light .course-method.dark h4,
.page.light .course-method.dark b,
.page.light .course-method.dark strong {
  color:#ffffff !important;
}

.page.light .course-method.dark p {
  color:#aebfc4 !important;
}

.page.light .course-method.dark .method-grid > div {
  color:#ffffff !important;
  background:#0a2747 !important;
  border-color:#214875 !important;
}

.page.light .course-method.dark .method-grid span {
  color:#FFC107 !important;
}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media(max-width:950px){
  .page.light .program-grid.light-grid {
    grid-template-columns:1fr 1fr !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card {
    min-height:0 !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card h2,
  .page.light .program-grid.light-grid
  > .program-card.light-card > p {
    min-height:0 !important;
  }
}

@media(max-width:620px){
  .page.light .program-grid.light-grid {
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card {
    min-height:0 !important;
    padding:19px !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card h2 {
    font-size:24px !important;
    min-height:0 !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card > p {
    min-height:0 !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card .fee-row {
    grid-template-columns:1fr 1fr !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card .fee-row strong {
    font-size:19px !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card .course-card-bottom {
    align-items:stretch !important;
    flex-direction:column !important;
  }

  .page.light .program-grid.light-grid
  > .program-card.light-card .course-social-proof.compact,
  .page.light .program-grid.light-grid
  > .program-card.light-card .course-card-bottom .btn-dark {
    width:100% !important;
  }
}


/* ============================================================
   STOCKSKILL FINAL FREE CLASS CONTRAST REPAIR
   V2.5.3
   Fix .page.dark generic white text leaking into white cards.
   Does NOT alter courses or other pages.
   ============================================================ */

/* ------------------------------------------------------------
   FREE CLASS — WHITE WHATSAPP CARDS
   ------------------------------------------------------------ */

.page.dark.free-class-page
.free-whatsapp-card {
  background:#ffffff !important;
  color:#07171d !important;
  border:1px solid #dbe7e9 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.dark.free-class-page
.free-whatsapp-card.secondary {
  background:#eefaf4 !important;
  color:#07171d !important;
}

/* Card headings */
.page.dark.free-class-page
.free-whatsapp-card h1,
.page.dark.free-class-page
.free-whatsapp-card h2,
.page.dark.free-class-page
.free-whatsapp-card h3,
.page.dark.free-class-page
.free-whatsapp-card h4 {
  color:#07171d !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}

/* Card paragraphs */
.page.dark.free-class-page
.free-whatsapp-card p {
  color:#536970 !important;
  opacity:1 !important;
  visibility:visible !important;
  line-height:1.75 !important;
}

/* Step labels */
.page.dark.free-class-page
.free-whatsapp-card .eyebrow {
  color:#0B2D5B !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.dark.free-class-page
.free-whatsapp-card.secondary .eyebrow.green {
  color:#078e52 !important;
}

/* Buttons inside cards */
.page.dark.free-class-page
.free-whatsapp-card .btn-primary {
  background:#FFC107 !important;
  color:#07171d !important;
  border-color:#FFC107 !important;
}

.page.dark.free-class-page
.free-whatsapp-card .btn-dark {
  background:#0B2D5B !important;
  color:#ffffff !important;
  border-color:#0B2D5B !important;
}

/* ------------------------------------------------------------
   LEFT LEARNING CARD
   Keep intentionally dark, with authoritative white text.
   ------------------------------------------------------------ */

.page.dark.free-class-page
.free-class-grid > .content-card {
  background:#0b222c !important;
  color:#ffffff !important;
  border-color:#214653 !important;
}

.page.dark.free-class-page
.free-class-grid > .content-card h1,
.page.dark.free-class-page
.free-class-grid > .content-card h2,
.page.dark.free-class-page
.free-class-grid > .content-card h3,
.page.dark.free-class-page
.free-class-grid > .content-card h4 {
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.dark.free-class-page
.free-class-grid > .content-card p {
  color:#c1d0d4 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.dark.free-class-page
.free-class-grid > .content-card .eyebrow.green {
  color:#FFC107 !important;
}

.page.dark.free-class-page
.free-class-grid > .content-card .free-feature {
  border-bottom-color:#31505a !important;
}

.page.dark.free-class-page
.free-class-grid > .content-card .free-feature > b {
  background:#e9fff2 !important;
  color:#078e52 !important;
}

/* ------------------------------------------------------------
   FREE CLASS PAGE — RESPONSIVE SAFETY
   ------------------------------------------------------------ */

@media(max-width:900px){
  .page.dark.free-class-page .free-class-grid {
    grid-template-columns:1fr !important;
  }

  .page.dark.free-class-page .free-class-hero {
    grid-template-columns:1fr !important;
  }
}

@media(max-width:620px){
  .page.dark.free-class-page .free-class-grid {
    gap:14px !important;
  }

  .page.dark.free-class-page .free-whatsapp-card,
  .page.dark.free-class-page .content-card {
    padding:21px !important;
  }

  .page.dark.free-class-page
  .free-whatsapp-card h3 {
    font-size:22px !important;
  }
}

/* ============================================================
   END FREE CLASS CONTRAST REPAIR
   ============================================================ */


/* ============================================================
   STOCKSKILL FINAL BLOG CONTRAST REPAIR
   V2.5.3
   Scoped to BLOG page only.
   Does not modify courses/free-class styling.
   ============================================================ */

/*
   Blog page light surface
*/
.page.light.blog-page {
  color:#07171d !important;
}

.page.light.blog-page h1,
.page.light.blog-page h2,
.page.light.blog-page h3,
.page.light.blog-page h4 {
  opacity:1 !important;
  visibility:visible !important;
}

/*
   Dark insight/stat cards inside the blog page.
   Keep white text on dark backgrounds.
*/
.page.light.blog-page .card,
.page.light.blog-page .stat-card,
.page.light.blog-page .insight-card,
.page.light.blog-page .blog-card,
.page.light.blog-page .blog-stat,
.page.light.blog-page .learning-card,
.page.light.blog-page .note-card,
.page.light.blog-page .market-card,
.page.light.blog-page .article-card {
  opacity:1 !important;
  visibility:visible !important;
}

.page.light.blog-page .card.dark,
.page.light.blog-page .stat-card,
.page.light.blog-page .insight-card,
.page.light.blog-page .blog-stat,
.page.light.blog-page .learning-card,
.page.light.blog-page .market-card {
  color:#ffffff !important;
}

.page.light.blog-page .card.dark h1,
.page.light.blog-page .card.dark h2,
.page.light.blog-page .card.dark h3,
.page.light.blog-page .card.dark h4,
.page.light.blog-page .stat-card h1,
.page.light.blog-page .stat-card h2,
.page.light.blog-page .stat-card h3,
.page.light.blog-page .stat-card h4,
.page.light.blog-page .insight-card h1,
.page.light.blog-page .insight-card h2,
.page.light.blog-page .insight-card h3,
.page.light.blog-page .insight-card h4,
.page.light.blog-page .blog-stat h1,
.page.light.blog-page .blog-stat h2,
.page.light.blog-page .blog-stat h3,
.page.light.blog-page .blog-stat h4,
.page.light.blog-page .learning-card h1,
.page.light.blog-page .learning-card h2,
.page.light.blog-page .learning-card h3,
.page.light.blog-page .learning-card h4 {
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.light.blog-page .card.dark p,
.page.light.blog-page .stat-card p,
.page.light.blog-page .insight-card p,
.page.light.blog-page .blog-stat p,
.page.light.blog-page .learning-card p,
.page.light.blog-page .market-card p {
  color:#c1d0d4 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/*
   Blog labels / eyebrow text
*/
.page.light.blog-page .eyebrow,
.page.light.blog-page .label,
.page.light.blog-page .kicker {
  opacity:1 !important;
  visibility:visible !important;
}

/*
   Explicit dark background protection.
*/
.page.light.blog-page [class*="stat"],
.page.light.blog-page [class*="insight"],
.page.light.blog-page [class*="learning"],
.page.light.blog-page [class*="market"] {
  opacity:1 !important;
  visibility:visible !important;
}

/*
   Blog article cards on the light surface.
*/
.page.light.blog-page .article-card,
.page.light.blog-page .post-card,
.page.light.blog-page .blog-post,
.page.light.blog-page .post {
  color:#07171d !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.light.blog-page .article-card h1,
.page.light.blog-page .article-card h2,
.page.light.blog-page .article-card h3,
.page.light.blog-page .post-card h1,
.page.light.blog-page .post-card h2,
.page.light.blog-page .post-card h3,
.page.light.blog-page .blog-post h1,
.page.light.blog-page .blog-post h2,
.page.light.blog-page .blog-post h3,
.page.light.blog-page .post h1,
.page.light.blog-page .post h2,
.page.light.blog-page .post h3 {
  color:#07171d !important;
}

.page.light.blog-page .article-card p,
.page.light.blog-page .post-card p,
.page.light.blog-page .blog-post p,
.page.light.blog-page .post p {
  color:#536970 !important;
}

/*
   Prevent generic .page.light rules from hiding blog content.
*/
.page.light.blog-page * {
  text-shadow:none;
}

.page.light.blog-page a {
  opacity:1 !important;
  visibility:visible !important;
}

/* ============================================================
   END BLOG CONTRAST REPAIR
   ============================================================ */


/* ============================================================
   STOCKSKILL BLOG HERO CARD — FINAL CONTRAST FIX
   V2.5.3
   Exact production class: .blog-hero-card
   ============================================================ */

.page.light.blog-page .blog-hero-card {
  background:linear-gradient(
    180deg,
    #0d2934 0%,
    #071e3a 100%
  ) !important;

  color:#ffffff !important;
  border:1px solid #214653 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* HERO CARD HEADING */
.page.light.blog-page .blog-hero-card h1,
.page.light.blog-page .blog-hero-card h2,
.page.light.blog-page .blog-hero-card h3,
.page.light.blog-page .blog-hero-card h4,
.page.light.blog-page .blog-hero-card strong,
.page.light.blog-page .blog-hero-card b {
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}

/* HERO CARD DESCRIPTION */
.page.light.blog-page .blog-hero-card p,
.page.light.blog-page .blog-hero-card .lead,
.page.light.blog-page .blog-hero-card small {
  color:#c4d3d7 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* HERO CARD EYEBROW / LABEL */
.page.light.blog-page .blog-hero-card .eyebrow,
.page.light.blog-page .blog-hero-card .label,
.page.light.blog-page .blog-hero-card .kicker {
  color:#FFC107 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* LINKS INSIDE HERO CARD */
.page.light.blog-page .blog-hero-card a {
  color:#FFC107 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Keep article cards on light background readable */
.page.light.blog-page .blog-card {
  color:#07171d !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.light.blog-page .blog-card h1,
.page.light.blog-page .blog-card h2,
.page.light.blog-page .blog-card h3,
.page.light.blog-page .blog-card h4 {
  color:#07171d !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.light.blog-page .blog-card p {
  color:#536970 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Blog disclaimer/filter text */
.page.light.blog-page .blog-disclaimer,
.page.light.blog-page .blog-filter-note {
  color:#536970 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* ============================================================
   END BLOG HERO CARD FINAL CONTRAST FIX
   ============================================================ */


/* ============================================================
   STOCKSKILL — BLOG PAGE COMPLETE CORPORATE UI
   V2.5.3
   Exact production scope:
   .page.light.blog-page
   ============================================================ */

/* ------------------------------------------------------------
   PAGE FOUNDATION
   ------------------------------------------------------------ */

.page.light.blog-page {
  min-height:100vh !important;
  padding:0 0 80px !important;
  background:
    radial-gradient(
      circle at 8% 18%,
      rgba(255,193,7,.075),
      transparent 25%
    ),
    radial-gradient(
      circle at 92% 30%,
      rgba(11,45,91,.07),
      transparent 28%
    ),
    #f5f8f9 !important;
  color:#07171d !important;
}

/* ------------------------------------------------------------
   MAIN BLOG CONTAINER
   ------------------------------------------------------------ */

.page.light.blog-page > .container {
  width:min(1180px,calc(100% - 40px)) !important;
  margin:auto !important;
}

/* ------------------------------------------------------------
   HERO
   ------------------------------------------------------------ */

.page.light.blog-page .blog-hero {
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr) !important;
  gap:45px !important;
  align-items:center !important;
  padding:75px 0 35px !important;
  margin:0 !important;
  position:relative !important;
}

.page.light.blog-page .blog-hero > div:first-child {
  min-width:0 !important;
}

.page.light.blog-page .blog-hero .eyebrow {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#b77a00 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.19em !important;
  text-transform:uppercase !important;
  margin-bottom:14px !important;
}

.page.light.blog-page .blog-hero .eyebrow:before {
  content:"" !important;
  display:inline-block !important;
  width:24px !important;
  height:3px !important;
  border-radius:99px !important;
  background:#FFC107 !important;
}

.page.light.blog-page .blog-hero h1 {
  max-width:780px !important;
  color:#071e2b !important;
  font-size:clamp(44px,6vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  margin:0 0 22px !important;
  font-weight:950 !important;
}

.page.light.blog-page .blog-hero .lead {
  max-width:780px !important;
  color:#587079 !important;
  font-size:17px !important;
  line-height:1.8 !important;
  margin:0 !important;
}

/* ------------------------------------------------------------
   HERO LEARNING NOTES CARD
   ------------------------------------------------------------ */

.page.light.blog-page .blog-hero-card {
  min-height:205px !important;
  padding:29px !important;
  box-sizing:border-box !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  position:relative !important;
  overflow:hidden !important;

  border-radius:24px !important;
  border:1px solid #214653 !important;

  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(255,193,7,.13),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #0d2934,
      #071e3a
    ) !important;

  color:#fff !important;
  box-shadow:0 22px 55px rgba(7,30,58,.18) !important;
}

.page.light.blog-page .blog-hero-card:before {
  content:"" !important;
  position:absolute !important;
  width:125px !important;
  height:125px !important;
  right:-45px !important;
  top:-45px !important;
  border-radius:50% !important;
  border:18px solid rgba(255,193,7,.08) !important;
}

.page.light.blog-page .blog-hero-card:after {
  content:"LEARN • PRACTISE • GROW" !important;
  position:absolute !important;
  right:24px !important;
  bottom:19px !important;
  color:rgba(255,255,255,.42) !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}

.page.light.blog-page .blog-hero-card b {
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  color:#ffffff !important;
  font-size:27px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;
  margin:0 0 12px !important;
}

.page.light.blog-page .blog-hero-card b:before {
  content:"20+" !important;
  display:inline-grid !important;
  place-items:center !important;
  width:36px !important;
  height:36px !important;
  margin-right:9px !important;
  vertical-align:middle !important;
  border-radius:10px !important;
  background:#FFC107 !important;
  color:#071e3a !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
}

.page.light.blog-page .blog-hero-card span {
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  max-width:280px !important;
  color:#bfd0d5 !important;
  font-size:12px !important;
  line-height:1.7 !important;
  margin:0 !important;
}

/* ------------------------------------------------------------
   BLOG FILTER / INTRO STRIP
   ------------------------------------------------------------ */

.page.light.blog-page .blog-filter-note {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:58px !important;
  box-sizing:border-box !important;

  margin:5px 0 28px !important;
  padding:15px 19px !important;

  background:#ffffff !important;
  border:1px solid #dbe6e8 !important;
  border-radius:15px !important;

  color:#60747b !important;
  font-size:12px !important;
  line-height:1.6 !important;

  box-shadow:0 7px 25px rgba(7,30,58,.035) !important;
}

.page.light.blog-page .blog-filter-note:before {
  content:"START HERE" !important;
  flex:0 0 auto !important;
  padding:6px 9px !important;
  border-radius:8px !important;
  background:#eafaf1 !important;
  color:#078e52 !important;
  font-size:8px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
}

.page.light.blog-page .blog-filter-note a {
  color:#078e52 !important;
  font-weight:950 !important;
}

/* ------------------------------------------------------------
   ARTICLE GRID
   ------------------------------------------------------------ */

.page.light.blog-page .blog-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}

/* ------------------------------------------------------------
   ARTICLE CARD — EQUAL HEIGHT
   ------------------------------------------------------------ */

.page.light.blog-page .blog-card {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;

  min-width:0 !important;
  min-height:440px !important;
  height:100% !important;

  box-sizing:border-box !important;
  padding:27px !important;

  overflow:hidden !important;

  background:#ffffff !important;
  color:#07171d !important;

  border:1px solid #d9e5e7 !important;
  border-radius:22px !important;

  box-shadow:
    0 8px 25px rgba(7,30,58,.045) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease !important;
}

/* subtle top accent */
.page.light.blog-page .blog-card:before {
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:4px !important;
  background:#FFC107 !important;
  opacity:.9 !important;
}

/* card hover */
.page.light.blog-page .blog-card:hover {
  transform:translateY(-7px) !important;
  border-color:#c7d9dd !important;
  box-shadow:
    0 22px 55px rgba(7,30,58,.12) !important;
}

/* ------------------------------------------------------------
   CARD NUMBER
   ------------------------------------------------------------ */

.page.light.blog-page .blog-card-number {
  width:36px !important;
  height:36px !important;

  display:grid !important;
  place-items:center !important;

  margin-bottom:19px !important;

  border-radius:10px !important;
  background:#eafaf1 !important;
  color:#078e52 !important;

  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
}

/* different subtle accents */
.page.light.blog-page .blog-card:nth-child(2):before {
  background:#1976d2 !important;
}

.page.light.blog-page .blog-card:nth-child(2)
.blog-card-number {
  background:#edf5ff !important;
  color:#1769aa !important;
}

.page.light.blog-page .blog-card:nth-child(3):before {
  background:#7950d8 !important;
}

.page.light.blog-page .blog-card:nth-child(3)
.blog-card-number {
  background:#f3efff !important;
  color:#7042c8 !important;
}

/* ------------------------------------------------------------
   CARD HEADINGS — EQUAL START / CONTROLLED HEIGHT
   ------------------------------------------------------------ */

.page.light.blog-page .blog-card h2 {
  color:#071e2b !important;
  opacity:1 !important;
  visibility:visible !important;

  font-size:clamp(25px,2.35vw,34px) !important;
  line-height:1.12 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  margin:0 0 18px !important;

  min-height:114px !important;
  max-height:145px !important;

  overflow:hidden !important;
}

/* ------------------------------------------------------------
   CARD DESCRIPTION — EQUAL AREA
   ------------------------------------------------------------ */

.page.light.blog-page .blog-card p {
  color:#61757c !important;
  opacity:1 !important;
  visibility:visible !important;

  font-size:13px !important;
  line-height:1.75 !important;

  margin:0 !important;

  min-height:118px !important;
  max-height:142px !important;

  overflow:hidden !important;
}

/* ------------------------------------------------------------
   CARD BOTTOM CTA
   ------------------------------------------------------------ */

.page.light.blog-page .blog-card .text-link {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  width:100% !important;
  box-sizing:border-box !important;

  min-height:50px !important;
  margin-top:auto !important;
  padding:0 16px !important;

  border-radius:12px !important;

  background:#FFC107 !important;
  color:#071e3a !important;

  font-size:12px !important;
  font-weight:950 !important;

  box-shadow:
    0 8px 22px rgba(255,193,7,.18) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease !important;
}

.page.light.blog-page .blog-card .text-link:after {
  content:"→" !important;
  display:grid !important;
  place-items:center !important;

  width:27px !important;
  height:27px !important;

  border-radius:50% !important;
  background:#ffffff !important;
  color:#071e3a !important;

  font-size:15px !important;
  font-weight:950 !important;
}

.page.light.blog-page .blog-card .text-link:hover {
  transform:translateY(-2px) !important;
  box-shadow:
    0 12px 28px rgba(255,193,7,.30) !important;
}

/* ------------------------------------------------------------
   EDUCATIONAL DISCLAIMER
   ------------------------------------------------------------ */

.page.light.blog-page .blog-disclaimer {
  margin:28px 0 0 !important;
  padding:18px 20px !important;

  background:#eefaf4 !important;
  border:1px solid #d2eddf !important;
  border-radius:16px !important;

  color:#5e747b !important;

  font-size:11px !important;
  line-height:1.75 !important;
}

.page.light.blog-page .blog-disclaimer b {
  color:#087b46 !important;
}

/* ------------------------------------------------------------
   VISUAL BALANCE — LARGE DESKTOP
   ------------------------------------------------------------ */

@media(min-width:1100px) {
  .page.light.blog-page .blog-card {
    min-height:455px !important;
  }

  .page.light.blog-page .blog-card h2 {
    font-size:30px !important;
  }
}

/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media(max-width:950px) {
  .page.light.blog-page .blog-hero {
    grid-template-columns:1fr !important;
    gap:25px !important;
    padding-top:55px !important;
  }

  .page.light.blog-page .blog-hero-card {
    min-height:170px !important;
  }

  .page.light.blog-page .blog-grid {
    grid-template-columns:1fr 1fr !important;
  }

  .page.light.blog-page .blog-card {
    min-height:430px !important;
  }
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media(max-width:620px) {
  .page.light.blog-page {
    padding-bottom:50px !important;
  }

  .page.light.blog-page > .container {
    width:min(100% - 28px,560px) !important;
  }

  .page.light.blog-page .blog-hero {
    padding:42px 0 25px !important;
    gap:20px !important;
  }

  .page.light.blog-page .blog-hero h1 {
    font-size:43px !important;
    line-height:1 !important;
  }

  .page.light.blog-page .blog-hero .lead {
    font-size:14px !important;
    line-height:1.7 !important;
  }

  .page.light.blog-page .blog-hero-card {
    min-height:175px !important;
    padding:23px !important;
  }

  .page.light.blog-page .blog-hero-card b {
    font-size:23px !important;
  }

  .page.light.blog-page .blog-filter-note {
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  .page.light.blog-page .blog-grid {
    grid-template-columns:1fr !important;
    gap:15px !important;
  }

  .page.light.blog-page .blog-card {
    min-height:0 !important;
    padding:23px !important;
  }

  .page.light.blog-page .blog-card h2 {
    min-height:0 !important;
    max-height:none !important;
    font-size:28px !important;
  }

  .page.light.blog-page .blog-card p {
    min-height:0 !important;
    max-height:none !important;
    margin-bottom:25px !important;
  }

  .page.light.blog-page .blog-card .text-link {
    min-height:48px !important;
  }
}

/* ============================================================
   END STOCKSKILL BLOG COMPLETE CORPORATE UI
   ============================================================ */


/* ============================================================
   STOCKSKILL — CONTACT PAGE COMPLETE CORPORATE UI
   V2.5.3
   Scoped contact page repair.
   ============================================================ */

/* ------------------------------------------------------------
   CONTACT PAGE FOUNDATION
   ------------------------------------------------------------ */

.page.light.contact-page {
  min-height:100vh !important;
  padding:0 0 80px !important;

  background:
    radial-gradient(
      circle at 8% 20%,
      rgba(255,193,7,.075),
      transparent 27%
    ),
    radial-gradient(
      circle at 92% 35%,
      rgba(11,45,91,.07),
      transparent 30%
    ),
    #f5f8f9 !important;

  color:#07171d !important;
}

.page.light.contact-page > .container {
  width:min(1120px,calc(100% - 40px)) !important;
  margin:auto !important;
}

/* ------------------------------------------------------------
   CONTACT HERO
   ------------------------------------------------------------ */

.page.light.contact-page .contact-hero,
.page.light.contact-page .contact-grid,
.page.light.contact-page .contact-wrap {
  position:relative !important;
}

.page.light.contact-page .contact-hero {
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr) !important;
  gap:55px !important;
  align-items:center !important;

  padding:72px 0 45px !important;
}

/* ------------------------------------------------------------
   LEFT CONTENT
   ------------------------------------------------------------ */

.page.light.contact-page .eyebrow {
  color:#b77a00 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page.light.contact-page h1 {
  color:#071e2b !important;
  font-size:clamp(45px,6vw,70px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;

  margin:14px 0 20px !important;

  opacity:1 !important;
  visibility:visible !important;
}

.page.light.contact-page .lead {
  color:#587079 !important;
  font-size:16px !important;
  line-height:1.8 !important;
  max-width:650px !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* ------------------------------------------------------------
   TRUST / SUPPORT PILLS
   ------------------------------------------------------------ */

.page.light.contact-page .contact-pills,
.page.light.contact-page .trust-pills,
.page.light.contact-page .support-pills {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:24px !important;
}

.page.light.contact-page .contact-pills > *,
.page.light.contact-page .trust-pills > *,
.page.light.contact-page .support-pills > * {
  display:inline-flex !important;
  align-items:center !important;

  padding:9px 13px !important;

  background:#ffffff !important;
  border:1px solid #d8e5e7 !important;
  border-radius:999px !important;

  color:#17323b !important;

  font-size:10px !important;
  font-weight:850 !important;

  box-shadow:0 4px 15px rgba(7,30,58,.035) !important;
}

/* ------------------------------------------------------------
   CONTACT INFORMATION CARD
   ------------------------------------------------------------ */

.page.light.contact-page .contact-card,
.page.light.contact-page .contact-info,
.page.light.contact-page .contact-details,
.page.light.contact-page .contact-panel,
.page.light.contact-page .info-card {
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(255,193,7,.12),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      #0d2934,
      #071e3a
    ) !important;

  color:#ffffff !important;

  border:1px solid #214653 !important;
  border-radius:24px !important;

  box-shadow:
    0 24px 55px rgba(7,30,58,.20) !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* ------------------------------------------------------------
   CONTACT CARD — ALL TEXT
   ------------------------------------------------------------ */

.page.light.contact-page .contact-card h1,
.page.light.contact-page .contact-card h2,
.page.light.contact-page .contact-card h3,
.page.light.contact-page .contact-card h4,
.page.light.contact-page .contact-info h1,
.page.light.contact-page .contact-info h2,
.page.light.contact-page .contact-info h3,
.page.light.contact-page .contact-info h4,
.page.light.contact-page .contact-details h1,
.page.light.contact-page .contact-details h2,
.page.light.contact-page .contact-details h3,
.page.light.contact-page .contact-details h4,
.page.light.contact-page .contact-panel h1,
.page.light.contact-page .contact-panel h2,
.page.light.contact-page .contact-panel h3,
.page.light.contact-page .contact-panel h4,
.page.light.contact-page .info-card h1,
.page.light.contact-page .info-card h2,
.page.light.contact-page .info-card h3,
.page.light.contact-page .info-card h4 {
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* ------------------------------------------------------------
   LABELS: PHONE / EMAIL / ADMISSIONS
   ------------------------------------------------------------ */

.page.light.contact-page .contact-card label,
.page.light.contact-page .contact-card small,
.page.light.contact-page .contact-card .label,
.page.light.contact-page .contact-card .eyebrow,
.page.light.contact-page .contact-info label,
.page.light.contact-page .contact-info small,
.page.light.contact-page .contact-info .label,
.page.light.contact-page .contact-details label,
.page.light.contact-page .contact-details small,
.page.light.contact-page .contact-details .label,
.page.light.contact-page .contact-panel label,
.page.light.contact-page .contact-panel small,
.page.light.contact-page .contact-panel .label,
.page.light.contact-page .info-card label,
.page.light.contact-page .info-card small,
.page.light.contact-page .info-card .label {
  color:#FFC107 !important;
  opacity:1 !important;
  visibility:visible !important;

  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* ------------------------------------------------------------
   VALUES — THIS FIXES THE HIDDEN TEXT
   ------------------------------------------------------------ */

.page.light.contact-page .contact-card p,
.page.light.contact-page .contact-card a,
.page.light.contact-page .contact-card strong,
.page.light.contact-page .contact-card span,
.page.light.contact-page .contact-info p,
.page.light.contact-page .contact-info a,
.page.light.contact-page .contact-info strong,
.page.light.contact-page .contact-info span,
.page.light.contact-page .contact-details p,
.page.light.contact-page .contact-details a,
.page.light.contact-page .contact-details strong,
.page.light.contact-page .contact-details span,
.page.light.contact-page .contact-panel p,
.page.light.contact-page .contact-panel a,
.page.light.contact-page .contact-panel strong,
.page.light.contact-page .contact-panel span,
.page.light.contact-page .info-card p,
.page.light.contact-page .info-card a,
.page.light.contact-page .info-card strong,
.page.light.contact-page .info-card span {
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;

  font-size:13px !important;
  line-height:1.55 !important;
}

/* muted supporting text */
.page.light.contact-page .contact-card .muted,
.page.light.contact-page .contact-info .muted,
.page.light.contact-page .contact-details .muted {
  color:#b9cbd0 !important;
}

/* ------------------------------------------------------------
   DIVIDERS
   ------------------------------------------------------------ */

.page.light.contact-page .contact-card hr,
.page.light.contact-page .contact-info hr,
.page.light.contact-page .contact-details hr,
.page.light.contact-page .contact-panel hr {
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  margin:15px 0 !important;
}

/* ------------------------------------------------------------
   FORM CARD
   ------------------------------------------------------------ */

.page.light.contact-page form,
.page.light.contact-page .contact-form,
.page.light.contact-page .enquiry-form {
  background:#ffffff !important;
  color:#07171d !important;

  border:1px solid #d9e5e7 !important;
  border-radius:22px !important;

  box-shadow:0 10px 35px rgba(7,30,58,.06) !important;
}

.page.light.contact-page form h2,
.page.light.contact-page .contact-form h2,
.page.light.contact-page .enquiry-form h2 {
  color:#071e2b !important;
}

/* inputs */
.page.light.contact-page input,
.page.light.contact-page textarea,
.page.light.contact-page select {
  color:#07171d !important;
  background:#ffffff !important;

  border:1px solid #cfdde0 !important;
  border-radius:11px !important;

  opacity:1 !important;
}

.page.light.contact-page input::placeholder,
.page.light.contact-page textarea::placeholder {
  color:#82949a !important;
}

/* focus */
.page.light.contact-page input:focus,
.page.light.contact-page textarea:focus,
.page.light.contact-page select:focus {
  border-color:#FFC107 !important;
  outline:3px solid rgba(255,193,7,.16) !important;
}

/* ------------------------------------------------------------
   PRIMARY CONTACT CTA
   ------------------------------------------------------------ */

.page.light.contact-page .btn-primary,
.page.light.contact-page .btn-yellow,
.page.light.contact-page button[type="submit"] {
  background:#FFC107 !important;
  color:#071e3a !important;
  border-color:#FFC107 !important;

  font-weight:950 !important;
  border-radius:11px !important;
}

/* ------------------------------------------------------------
   LINKS
   ------------------------------------------------------------ */

.page.light.contact-page a {
  opacity:1 !important;
  visibility:visible !important;
}

.page.light.contact-page .text-link {
  color:#0B2D5B !important;
  font-weight:900 !important;
}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media(max-width:900px) {

  .page.light.contact-page .contact-hero {
    grid-template-columns:1fr !important;
    gap:30px !important;
    padding:55px 0 35px !important;
  }

}

@media(max-width:620px) {

  .page.light.contact-page {
    padding-bottom:45px !important;
  }

  .page.light.contact-page > .container {
    width:calc(100% - 28px) !important;
  }

  .page.light.contact-page .contact-hero {
    padding-top:40px !important;
  }

  .page.light.contact-page h1 {
    font-size:43px !important;
    line-height:1 !important;
  }

  .page.light.contact-page .lead {
    font-size:14px !important;
  }

  .page.light.contact-page .contact-card,
  .page.light.contact-page .contact-info,
  .page.light.contact-page .contact-details,
  .page.light.contact-page .contact-panel,
  .page.light.contact-page .info-card {
    border-radius:19px !important;
  }

  .page.light.contact-page .contact-pills,
  .page.light.contact-page .trust-pills,
  .page.light.contact-page .support-pills {
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .page.light.contact-page .contact-pills > *,
  .page.light.contact-page .trust-pills > *,
  .page.light.contact-page .support-pills > * {
    justify-content:center !important;
  }
}

/* ============================================================
   END CONTACT PAGE COMPLETE CORPORATE UI
   ============================================================ */


/* ============================================================
   STOCKSKILL — EXACT CONTACT INFO CARD FIX
   V2.5.3
   Exact production class from views/contact.ejs:
   .contact-info-card
   ============================================================ */

/* MAIN CARD */
.page.light.contact-page .contact-info-card {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  min-height:295px !important;
  box-sizing:border-box !important;
  padding:30px 34px !important;

  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(255,193,7,.13),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #0d2934 0%,
      #071e3a 100%
    ) !important;

  color:#ffffff !important;

  border:1px solid #214653 !important;
  border-radius:24px !important;

  box-shadow:
    0 24px 55px rgba(7,30,58,.20) !important;

  opacity:1 !important;
  visibility:visible !important;
  overflow:hidden !important;
}

/* EACH PHONE / EMAIL / ADMISSIONS ROW */
.page.light.contact-page .contact-info-card > div {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  min-height:70px !important;
  padding:12px 0 !important;

  box-sizing:border-box !important;

  border-bottom:1px solid rgba(255,255,255,.16) !important;
}

.page.light.contact-page .contact-info-card > div:last-child {
  border-bottom:0 !important;
}

/* LABELS: PHONE / EMAIL / ADMISSIONS */
.page.light.contact-page .contact-info-card > div > small {
  display:block !important;

  margin:0 0 7px !important;

  color:#FFC107 !important;

  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  letter-spacing:.10em !important;
  text-transform:uppercase !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* ACTUAL VALUES — MAIN FIX */
.page.light.contact-page .contact-info-card > div > b {
  display:block !important;

  color:#ffffff !important;

  font-size:14px !important;
  line-height:1.45 !important;

  font-weight:850 !important;

  letter-spacing:.005em !important;

  opacity:1 !important;
  visibility:visible !important;

  text-shadow:none !important;
}

/* EMAIL + ADMISSIONS SHOULD NEVER BECOME DARK */
.page.light.contact-page .contact-info-card
> div > b[href],
.page.light.contact-page .contact-info-card
> div > a,
.page.light.contact-page .contact-info-card
> div > strong,
.page.light.contact-page .contact-info-card
> div > span {
  color:#ffffff !important;
}

/* HOVER / SELECTION SHOULD NOT ALTER NORMAL DESIGN */
.page.light.contact-page .contact-info-card
> div > b::selection {
  background:#FFC107 !important;
  color:#071e3a !important;
}

/* ------------------------------------------------------------
   CONTACT HERO BALANCE
   ------------------------------------------------------------ */

.page.light.contact-page .contact-hero {
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr) !important;
  gap:52px !important;
  align-items:center !important;
}

/* ------------------------------------------------------------
   CONTACT TRUST PILLS — EXACT EXISTING CLASS
   ------------------------------------------------------------ */

.page.light.contact-page .contact-trust {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:24px !important;
}

.page.light.contact-page .contact-trust > span {
  display:inline-flex !important;
  align-items:center !important;

  min-height:34px !important;
  padding:7px 12px !important;
  box-sizing:border-box !important;

  background:#ffffff !important;
  color:#17323b !important;

  border:1px solid #d8e5e7 !important;
  border-radius:999px !important;

  font-size:10px !important;
  font-weight:850 !important;

  box-shadow:0 4px 15px rgba(7,30,58,.035) !important;
}

/* ------------------------------------------------------------
   CONTACT SIDE CARDS
   ------------------------------------------------------------ */

.page.light.contact-page .contact-side .contact-card {
  background:#ffffff !important;
  color:#07171d !important;

  border:1px solid #d9e5e7 !important;
  border-radius:20px !important;

  box-shadow:0 9px 30px rgba(7,30,58,.055) !important;

  opacity:1 !important;
  visibility:visible !important;
}

.page.light.contact-page .contact-side .contact-card h3 {
  color:#071e2b !important;
}

.page.light.contact-page .contact-side .contact-card p {
  color:#536970 !important;
}

.page.light.contact-page .contact-side .contact-list li {
  color:#536970 !important;
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media(max-width:900px) {
  .page.light.contact-page .contact-hero {
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .page.light.contact-page .contact-info-card {
    min-height:0 !important;
  }
}

@media(max-width:620px) {
  .page.light.contact-page .contact-info-card {
    padding:24px !important;
    border-radius:20px !important;
  }

  .page.light.contact-page .contact-info-card > div {
    min-height:65px !important;
  }

  .page.light.contact-page .contact-info-card > div > b {
    font-size:13px !important;
    word-break:break-word !important;
  }

  .page.light.contact-page .contact-trust {
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .page.light.contact-page .contact-trust > span {
    justify-content:center !important;
  }
}

/* ============================================================
   END EXACT CONTACT INFO CARD FIX
   ============================================================ */


/* ============================================================
   STOCKSKILL — PREMIUM FLOATING CONTACT WIDGET
   WhatsApp: +91 93049 86584
   Call:     +91 93049 86584
   ============================================================ */

/* ------------------------------------------------------------
   COMMON FLOATING CONTACT BUTTONS
   Targets existing WhatsApp / tel links without changing
   application functionality.
   ------------------------------------------------------------ */

a[href*="wa.me"],
a[href*="api.whatsapp.com"],
a[href^="tel:"] {

  position:relative !important;

  display:flex !important;
  align-items:center !important;

  min-width:168px !important;
  height:56px !important;

  padding:6px 16px 6px 7px !important;
  box-sizing:border-box !important;

  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:17px !important;

  color:#ffffff !important;

  font-size:11px !important;
  font-weight:900 !important;

  text-decoration:none !important;

  box-shadow:
    0 12px 28px rgba(7,30,58,.22),
    0 4px 10px rgba(0,0,0,.10) !important;

  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;

  z-index:9999 !important;
}

/* ------------------------------------------------------------
   WHATSAPP
   ------------------------------------------------------------ */

a[href*="wa.me"],
a[href*="api.whatsapp.com"] {

  background:
    linear-gradient(
      135deg,
      #16c978 0%,
      #08b866 55%,
      #079e59 100%
    ) !important;

  border-color:rgba(255,255,255,.25) !important;

}

/* WhatsApp icon-style circle */
a[href*="wa.me"]::before,
a[href*="api.whatsapp.com"]::before {

  content:"WA" !important;

  flex:0 0 42px !important;

  width:42px !important;
  height:42px !important;

  display:grid !important;
  place-items:center !important;

  margin-right:10px !important;

  border-radius:50% !important;

  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.30) !important;

  color:#ffffff !important;

  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;

  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.20) !important;
}

/* WhatsApp text */
a[href*="wa.me"]::after,
a[href*="api.whatsapp.com"]::after {

  content:"Chat on WhatsApp" !important;

  color:#ffffff !important;

  font-size:11px !important;
  font-weight:950 !important;
}

/* ------------------------------------------------------------
   CALL
   ------------------------------------------------------------ */

a[href^="tel:"] {

  background:
    linear-gradient(
      135deg,
      #2689e8 0%,
      #1475d0 55%,
      #075fb7 100%
    ) !important;

  border-color:rgba(255,255,255,.22) !important;
}

/* Call icon circle */
a[href^="tel:"]::before {

  content:"☎" !important;

  flex:0 0 42px !important;

  width:42px !important;
  height:42px !important;

  display:grid !important;
  place-items:center !important;

  margin-right:10px !important;

  border-radius:50% !important;

  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.28) !important;

  color:#ffffff !important;

  font-size:18px !important;
  font-weight:900 !important;
}

/* Call text */
a[href^="tel:"]::after {

  content:"Call Us" !important;

  color:#ffffff !important;

  font-size:11px !important;
  font-weight:950 !important;
}

/* ------------------------------------------------------------
   HOVER
   ------------------------------------------------------------ */

a[href*="wa.me"]:hover,
a[href*="api.whatsapp.com"]:hover,
a[href^="tel:"]:hover {

  transform:translateY(-4px) scale(1.015) !important;

  filter:saturate(1.08) brightness(1.03) !important;

  box-shadow:
    0 18px 38px rgba(7,30,58,.28),
    0 5px 15px rgba(0,0,0,.13) !important;
}

/* ------------------------------------------------------------
   ACTIVE
   ------------------------------------------------------------ */

a[href*="wa.me"]:active,
a[href*="api.whatsapp.com"]:active,
a[href^="tel:"]:active {

  transform:translateY(-1px) scale(.985) !important;
}

/* ------------------------------------------------------------
   REMOVE COMMON INLINE ICON / IMAGE VISUAL CONFLICTS
   ------------------------------------------------------------ */

a[href*="wa.me"] img,
a[href*="api.whatsapp.com"] img,
a[href^="tel:"] img {

  max-width:26px !important;
  max-height:26px !important;
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media(max-width:620px) {

  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  a[href^="tel:"] {

    min-width:150px !important;
    width:auto !important;
    height:52px !important;

    padding-right:13px !important;

    border-radius:15px !important;
  }

  a[href*="wa.me"]::before,
  a[href*="api.whatsapp.com"]::before,
  a[href^="tel:"]::before {

    flex-basis:38px !important;
    width:38px !important;
    height:38px !important;

    margin-right:8px !important;
  }

  a[href*="wa.me"]::after,
  a[href*="api.whatsapp.com"]::after,
  a[href^="tel:"]::after {

    font-size:10px !important;
  }
}

/* ============================================================
   END PREMIUM FLOATING CONTACT WIDGET
   ============================================================ */


/* =========================================================
   STOCKSKILL — COMPACT FLOATING WHATSAPP + CALL
   Final scoped override
   ========================================================= */

.floating-contact{
  position:fixed!important;
  right:14px!important;
  bottom:96px!important;
  top:auto!important;
  z-index:9999!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:8px!important;
  transform:none!important;
}

.floating-contact .floating-contact-btn{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  height:44px!important;
  padding:5px 12px 5px 6px!important;
  border-radius:999px!important;
  gap:8px!important;
  text-decoration:none!important;
  box-shadow:0 5px 18px rgba(7,30,58,.20)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

.floating-contact .floating-contact-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 22px rgba(7,30,58,.25)!important;
}

.floating-contact .floating-contact-btn .floating-icon{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  background:#fff!important;
}

.floating-contact .floating-contact-btn.whatsapp{
  background:#00B050!important;
  color:#fff!important;
}

.floating-contact .floating-contact-btn.whatsapp .floating-icon{
  color:#00B050!important;
}

.floating-contact .floating-contact-btn.call{
  background:#0B2D5B!important;
  color:#fff!important;
}

.floating-contact .floating-contact-btn.call .floating-icon{
  color:#0B2D5B!important;
  font-size:16px!important;
}

.floating-contact .floating-contact-btn>span:last-child{
  display:block!important;
  white-space:nowrap!important;
}

.floating-contact .floating-contact-btn b{
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:800!important;
  color:inherit!important;
}

/* Neutralise older oversized widget rules */
.floating-contact a[href*="wa.me"],
.floating-contact a[href^="tel:"]{
  min-width:0!important;
  width:auto!important;
  height:44px!important;
  padding:5px 12px 5px 6px!important;
}

/* Mobile: small circular buttons */
@media(max-width:620px){
  .floating-contact{
    right:12px!important;
    bottom:82px!important;
    gap:8px!important;
  }

  .floating-contact .floating-contact-btn,
  .floating-contact a[href*="wa.me"],
  .floating-contact a[href^="tel:"]{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    padding:0!important;
    border-radius:50%!important;
    justify-content:center!important;
  }

  .floating-contact .floating-contact-btn .floating-icon{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    flex:1 1 auto!important;
    background:transparent!important;
    color:#fff!important;
    font-size:12px!important;
  }

  .floating-contact .floating-contact-btn.call .floating-icon{
    color:#fff!important;
    font-size:17px!important;
  }

  .floating-contact .floating-contact-btn>span:last-child{
    display:none!important;
  }
}


/* ==========================================================
   STOCKSKILL FINAL FLOATING CONTACT
   COMPACT / CLEAN / NO DUPLICATE TEXT
   ========================================================== */

.floating-contact{
  position:fixed!important;
  z-index:99999!important;
  right:16px!important;
  bottom:105px!important;
  top:auto!important;
  left:auto!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:9px!important;

  width:auto!important;
  max-width:none!important;
  min-width:0!important;

  margin:0!important;
  padding:0!important;

  transform:none!important;
}

/* Kill every old pseudo-element that may duplicate labels */
.floating-contact .floating-contact-btn::before,
.floating-contact .floating-contact-btn::after,
.floating-contact .floating-contact-btn .floating-icon::before,
.floating-contact .floating-contact-btn .floating-icon::after{
  content:none!important;
  display:none!important;
}

/* Final compact button */
.floating-contact .floating-contact-btn{
  position:relative!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;

  box-sizing:border-box!important;

  width:auto!important;
  min-width:0!important;
  max-width:170px!important;

  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;

  padding:4px 11px 4px 5px!important;

  margin:0!important;

  gap:7px!important;

  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:999px!important;

  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;

  box-shadow:0 5px 16px rgba(7,30,58,.20)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease!important;
}

.floating-contact .floating-contact-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 20px rgba(7,30,58,.25)!important;
}

/* Small circular icon */
.floating-contact .floating-contact-btn .floating-icon{
  position:relative!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  box-sizing:border-box!important;

  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;

  margin:0!important;
  padding:0!important;

  border-radius:50%!important;

  background:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
}

/* WhatsApp */
.floating-contact .floating-contact-btn.whatsapp{
  background:#00B050!important;
  color:#fff!important;
}

.floating-contact .floating-contact-btn.whatsapp .floating-icon{
  color:#00B050!important;
}

/* Call */
.floating-contact .floating-contact-btn.call{
  background:#0B2D5B!important;
  color:#fff!important;
}

.floating-contact .floating-contact-btn.call .floating-icon{
  color:#0B2D5B!important;
  font-size:16px!important;
}

/* Only the real label span */
.floating-contact .floating-contact-btn > span:last-child{
  display:block!important;

  width:auto!important;
  min-width:0!important;
  max-width:115px!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:inherit!important;
}

.floating-contact .floating-contact-btn > span:last-child b{
  display:block!important;

  margin:0!important;
  padding:0!important;

  color:inherit!important;

  font-family:inherit!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.1!important;

  white-space:nowrap!important;
}

/* Neutralise every older oversized rule */
.floating-contact,
.floating-contact *,
.floating-contact a[href*="wa.me"],
.floating-contact a[href^="tel:"]{
  box-sizing:border-box!important;
}

.floating-contact a[href*="wa.me"],
.floating-contact a[href^="tel:"]{
  width:auto!important;
  min-width:0!important;
  max-width:170px!important;
  height:42px!important;
  min-height:42px!important;
  padding:4px 11px 4px 5px!important;
}

/* ==========================================================
   MOBILE — ICON ONLY
   ========================================================== */

@media(max-width:620px){

  .floating-contact{
    right:12px!important;
    bottom:82px!important;
    gap:8px!important;
  }

  .floating-contact .floating-contact-btn,
  .floating-contact a[href*="wa.me"],
  .floating-contact a[href^="tel:"]{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;

    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;

    padding:0!important;

    border-radius:50%!important;

    justify-content:center!important;
  }

  .floating-contact .floating-contact-btn .floating-icon{
    width:100%!important;
    min-width:100%!important;
    height:100%!important;
    min-height:100%!important;

    flex:1 1 auto!important;

    background:transparent!important;

    color:#fff!important;

    font-size:12px!important;
  }

  .floating-contact .floating-contact-btn.call .floating-icon{
    color:#fff!important;
    font-size:17px!important;
  }

  .floating-contact .floating-contact-btn > span:last-child{
    display:none!important;
  }
}


/* ============================================================
   STOCKSKILL — PREMIUM MOBILE APP NAVIGATION
   Home • Market • Courses • Learn • Help
   ============================================================ */

@media (max-width: 768px){

  body{
    padding-bottom:92px!important;
  }

  /* Main bottom app navigation */
  .mobile-bottom{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;

    z-index:10000!important;

    height:68px!important;

    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    align-items:end!important;

    padding:7px 6px 6px!important;

    margin:0!important;

    background:
      linear-gradient(
        180deg,
        #0B2D5B 0%,
        #071E3A 100%
      )!important;

    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:22px!important;

    box-shadow:
      0 10px 28px rgba(7,30,58,.30),
      0 2px 6px rgba(0,0,0,.12)!important;

    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  /* Individual navigation item */
  .mobile-bottom > a{
    position:relative!important;

    height:58px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    gap:3px!important;

    padding:5px 2px!important;
    margin:0!important;

    border-radius:16px!important;

    color:#d9e3ee!important;
    text-decoration:none!important;

    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1!important;

    transition:
      transform .18s ease,
      background .18s ease,
      color .18s ease!important;
  }

  /* Navigation icon */
  .mobile-bottom .bottom-icon{
    width:28px!important;
    height:28px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:10px!important;

    color:#dce7f2!important;

    font-size:18px!important;
    font-weight:900!important;
    line-height:1!important;

    transition:
      background .18s ease,
      color .18s ease,
      transform .18s ease!important;
  }

  /* Hover/tap */
  .mobile-bottom > a:hover{
    color:#FFC107!important;
    transform:translateY(-1px)!important;
  }

  .mobile-bottom > a:hover .bottom-icon{
    color:#FFC107!important;
  }

  /* Active page */
  .mobile-bottom > a.active{
    color:#FFC107!important;
    background:rgba(255,193,7,.10)!important;
  }

  .mobile-bottom > a.active .bottom-icon{
    color:#FFC107!important;
    background:rgba(255,193,7,.16)!important;
    transform:translateY(-1px)!important;
  }

  /* Premium active indicator */
  .mobile-bottom > a.active::after{
    content:""!important;

    position:absolute!important;

    left:50%!important;
    bottom:1px!important;

    width:25px!important;
    height:3px!important;

    transform:translateX(-50%)!important;

    border-radius:99px!important;

    background:#FFC107!important;

    box-shadow:
      0 0 8px rgba(255,193,7,.55)!important;
  }

  /* Courses gets slightly stronger visual hierarchy */
  .mobile-bottom > a[href="/courses"] .bottom-icon{
    border-radius:50%!important;
  }

  /* Active Courses = app-style raised button */
  .mobile-bottom > a[href="/courses"].active{
    transform:translateY(-10px)!important;

    background:#FFC107!important;

    color:#071E3A!important;

    border-radius:50%!important;

    width:58px!important;
    height:58px!important;

    justify-self:center!important;

    box-shadow:
      0 8px 20px rgba(255,193,7,.30)!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon{
    width:42px!important;
    height:42px!important;

    background:#071E3A!important;
    color:#FFC107!important;

    border-radius:50%!important;

    font-size:20px!important;
  }

  .mobile-bottom > a[href="/courses"].active::after{
    bottom:-8px!important;
    width:28px!important;
  }

  /* Make Help visually clear */
  .mobile-bottom > a[href="/contact"].active .bottom-icon{
    box-shadow:0 0 0 1px rgba(255,193,7,.12)!important;
  }
}


/* ============================================================
   VERY SMALL PHONES
   ============================================================ */

@media (max-width:380px){

  body{
    padding-bottom:88px!important;
  }

  .mobile-bottom{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;

    height:64px!important;

    border-radius:19px!important;

    padding:5px 4px!important;
  }

  .mobile-bottom > a{
    height:54px!important;
    font-size:8.5px!important;
  }

  .mobile-bottom .bottom-icon{
    width:26px!important;
    height:26px!important;
    font-size:17px!important;
  }

  .mobile-bottom > a[href="/courses"].active{
    width:52px!important;
    height:52px!important;
    transform:translateY(-8px)!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon{
    width:38px!important;
    height:38px!important;
  }
}


/* ============================================================
   STOCKSKILL — MOBILE APP NAVIGATION VISUAL FINAL
   Mockup-matched premium UI
   ============================================================ */

@media (max-width:768px){

  body{
    padding-bottom:108px!important;
  }

  /* Main floating app bar */
  .mobile-bottom{
    position:fixed!important;

    left:10px!important;
    right:10px!important;
    bottom:10px!important;

    width:auto!important;
    height:82px!important;

    z-index:99990!important;

    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    align-items:center!important;

    padding:7px 5px 5px!important;
    margin:0!important;

    background:
      linear-gradient(
        180deg,
        #0B2D5B 0%,
        #071E3A 100%
      )!important;

    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:25px!important;

    box-shadow:
      0 12px 32px rgba(7,30,58,.34),
      0 4px 10px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.08)!important;

    overflow:visible!important;

    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }

  /* Each item */
  .mobile-bottom > a{
    position:relative!important;

    width:100%!important;
    height:68px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    gap:5px!important;

    padding:5px 2px!important;
    margin:0!important;

    color:#c8d4e2!important;

    background:transparent!important;
    border:0!important;
    border-radius:18px!important;

    text-decoration:none!important;

    font-family:inherit!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.05!important;

    transition:
      color .2s ease,
      transform .2s ease,
      background .2s ease!important;
  }

  /* Icons */
  .mobile-bottom .bottom-icon{
    width:30px!important;
    height:30px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    color:#d9e4ef!important;

    background:transparent!important;
    border-radius:12px!important;

    font-size:20px!important;
    font-weight:900!important;
    line-height:1!important;

    transition:
      color .2s ease,
      background .2s ease,
      transform .2s ease!important;
  }

  /* Normal hover */
  .mobile-bottom > a:hover{
    color:#FFC107!important;
    transform:translateY(-1px)!important;
  }

  .mobile-bottom > a:hover .bottom-icon{
    color:#FFC107!important;
  }

  /* Active normal pages */
  .mobile-bottom > a.active{
    color:#FFC107!important;
    background:rgba(255,193,7,.07)!important;
  }

  .mobile-bottom > a.active .bottom-icon{
    color:#FFC107!important;
    background:rgba(255,193,7,.10)!important;
  }

  /* Small yellow active line */
  .mobile-bottom > a.active::after{
    content:""!important;

    position:absolute!important;

    left:50%!important;
    bottom:3px!important;

    width:24px!important;
    height:3px!important;

    transform:translateX(-50%)!important;

    border-radius:20px!important;

    background:#FFC107!important;

    box-shadow:
      0 0 10px rgba(255,193,7,.65)!important;
  }

  /* ==========================================================
     COURSES — HERO / CENTER BUTTON
     ========================================================== */

  .mobile-bottom > a[href="/courses"]{
    overflow:visible!important;
    z-index:5!important;
  }

  .mobile-bottom > a[href="/courses"].active{
    width:62px!important;
    height:62px!important;

    justify-self:center!important;

    align-self:start!important;

    margin-top:-25px!important;

    padding:0!important;

    border-radius:50%!important;

    background:#FFC107!important;

    color:#071E3A!important;

    box-shadow:
      0 9px 22px rgba(255,193,7,.34),
      0 0 0 5px #071E3A,
      0 0 0 6px rgba(255,193,7,.22)!important;

    transform:none!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon{
    width:48px!important;
    height:48px!important;

    margin-top:1px!important;

    border-radius:50%!important;

    background:#071E3A!important;
    color:#FFC107!important;

    font-size:23px!important;

    box-shadow:
      inset 0 0 0 2px rgba(255,193,7,.15)!important;
  }

  .mobile-bottom > a[href="/courses"].active > span:last-child{
    position:absolute!important;

    top:67px!important;

    width:90px!important;

    color:#FFC107!important;

    font-size:10px!important;
    font-weight:900!important;

    text-align:center!important;
  }

  .mobile-bottom > a[href="/courses"].active::after{
    bottom:-76px!important;

    width:28px!important;
    height:3px!important;
  }

  /* ==========================================================
     BETTER ICONS — based on destination
     ========================================================== */

  .mobile-bottom > a[href="/"] .bottom-icon{
    font-size:0!important;
  }

  .mobile-bottom > a[href="/"] .bottom-icon::before{
    content:"⌂"!important;
    font-size:22px!important;
  }

  .mobile-bottom > a[href="/market"] .bottom-icon{
    font-size:0!important;
  }

  .mobile-bottom > a[href="/market"] .bottom-icon::before{
    content:"▮▮▮"!important;
    font-size:13px!important;
    letter-spacing:-2px!important;
  }

  .mobile-bottom > a[href="/courses"] .bottom-icon{
    font-size:0!important;
  }

  .mobile-bottom > a[href="/courses"] .bottom-icon::before{
    content:"◆"!important;
    font-size:20px!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon::before{
    content:"◆"!important;
    font-size:21px!important;
  }

  .mobile-bottom > a[href="/dashboard"] .bottom-icon{
    font-size:0!important;
  }

  .mobile-bottom > a[href="/dashboard"] .bottom-icon::before{
    content:"▶"!important;
    font-size:17px!important;
  }

  .mobile-bottom > a[href="/contact"] .bottom-icon{
    font-size:0!important;
  }

  .mobile-bottom > a[href="/contact"] .bottom-icon::before{
    content:"♧"!important;
    font-size:22px!important;
  }

  /* Keep labels clean */
  .mobile-bottom > a > span:last-child{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:inherit!important;

    white-space:nowrap!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  /* ==========================================================
     SMALL PHONE
     ========================================================== */

  @media(max-width:380px){

    body{
      padding-bottom:98px!important;
    }

    .mobile-bottom{
      left:7px!important;
      right:7px!important;
      bottom:7px!important;

      height:76px!important;
      border-radius:22px!important;
    }

    .mobile-bottom > a{
      height:63px!important;
    }

    .mobile-bottom .bottom-icon{
      width:27px!important;
      height:27px!important;
    }

    .mobile-bottom > a[href="/courses"].active{
      width:57px!important;
      height:57px!important;
      margin-top:-21px!important;
    }

    .mobile-bottom > a[href="/courses"].active .bottom-icon{
      width:44px!important;
      height:44px!important;
    }

    .mobile-bottom > a[href="/courses"].active > span:last-child{
      top:62px!important;
    }
  }
}


/* ============================================================
   STOCKSKILL — FINAL CORPORATE SVG NAV ICONS
   ============================================================ */

@media (max-width:768px){

  .mobile-bottom .bottom-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:31px!important;
    height:31px!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border-radius:10px!important;

    color:#dce6f0!important;

    font-size:0!important;
    line-height:0!important;
  }

  .mobile-bottom .bottom-icon svg{
    display:block!important;

    width:23px!important;
    height:23px!important;

    max-width:23px!important;
    max-height:23px!important;

    overflow:visible!important;

    color:currentColor!important;

    fill:none!important;

    transition:
      transform .2s ease,
      color .2s ease!important;
  }

  .mobile-bottom > a:hover .bottom-icon,
  .mobile-bottom > a.active .bottom-icon{
    color:#FFC107!important;
  }

  .mobile-bottom > a:hover .bottom-icon svg{
    transform:translateY(-1px)!important;
  }

  /* Courses raised button */
  .mobile-bottom > a[href="/courses"].active{
    width:62px!important;
    height:62px!important;

    margin-top:-25px!important;

    padding:0!important;

    border-radius:50%!important;

    background:#FFC107!important;
    color:#071E3A!important;

    box-shadow:
      0 9px 22px rgba(255,193,7,.34),
      0 0 0 5px #071E3A,
      0 0 0 6px rgba(255,193,7,.24)!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon{
    width:48px!important;
    height:48px!important;

    border-radius:50%!important;

    background:#071E3A!important;

    color:#FFC107!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon svg{
    width:26px!important;
    height:26px!important;

    max-width:26px!important;
    max-height:26px!important;
  }

  /* Courses label */
  .mobile-bottom > a[href="/courses"].active > span:last-child{
    position:absolute!important;

    top:67px!important;
    left:50%!important;

    width:90px!important;

    transform:translateX(-50%)!important;

    color:#FFC107!important;

    font-size:10px!important;
    font-weight:900!important;

    text-align:center!important;
  }

  .mobile-bottom > a[href="/courses"].active::after{
    content:""!important;

    position:absolute!important;

    left:50%!important;
    bottom:-76px!important;

    width:28px!important;
    height:3px!important;

    transform:translateX(-50%)!important;

    border-radius:20px!important;

    background:#FFC107!important;

    box-shadow:0 0 10px rgba(255,193,7,.65)!important;
  }

  /* Remove all old pseudo icon tricks */
  .mobile-bottom .bottom-icon::before,
  .mobile-bottom .bottom-icon::after,
  .mobile-bottom > a::before{
    content:none!important;
    display:none!important;
  }

  /* Keep normal active indicator */
  .mobile-bottom > a.active:not([href="/courses"])::after{
    content:""!important;

    position:absolute!important;

    left:50%!important;
    bottom:3px!important;

    width:24px!important;
    height:3px!important;

    transform:translateX(-50%)!important;

    border-radius:20px!important;

    background:#FFC107!important;

    box-shadow:0 0 9px rgba(255,193,7,.55)!important;
  }
}

@media(max-width:380px){

  .mobile-bottom .bottom-icon{
    width:28px!important;
    height:28px!important;
  }

  .mobile-bottom .bottom-icon svg{
    width:21px!important;
    height:21px!important;
  }

  .mobile-bottom > a[href="/courses"].active{
    width:57px!important;
    height:57px!important;

    margin-top:-21px!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon{
    width:44px!important;
    height:44px!important;
  }

  .mobile-bottom > a[href="/courses"].active .bottom-icon svg{
    width:24px!important;
    height:24px!important;
  }

  .mobile-bottom > a[href="/courses"].active > span:last-child{
    top:62px!important;
  }

  .mobile-bottom > a[href="/courses"].active::after{
    bottom:-71px!important;
  }
}


/* ============================================================
   STOCKSKILL — FINAL WHATSAPP + CALL SVG ICONS
   ============================================================ */

.floating-contact .floating-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  overflow:hidden!important;

  font-size:0!important;
  line-height:0!important;
}

.floating-contact .floating-icon svg{
  display:block!important;

  width:100%!important;
  height:100%!important;

  max-width:100%!important;
  max-height:100%!important;

  overflow:visible!important;
}

/* WhatsApp green outer circle */
.floating-contact .whatsapp-svg-icon{
  color:#00B050!important;
  background:#fff!important;
}

/* Call blue outer circle */
.floating-contact .call-svg-icon{
  color:#0B2D5B!important;
  background:#fff!important;
}

/* Desktop */
@media(min-width:621px){

  .floating-contact .floating-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }

  .floating-contact .floating-icon svg{
    width:32px!important;
    height:32px!important;
  }
}

/* Mobile */
@media(max-width:620px){

  .floating-contact .floating-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }

  .floating-contact .floating-icon svg{
    width:46px!important;
    height:46px!important;
  }
}


/* ============================================================
   STOCKSKILL — FINAL FLOATING CONTACT GEOMETRY
   ============================================================ */

.floating-contact{
  position:fixed!important;

  right:14px!important;
  left:auto!important;

  top:auto!important;
  bottom:108px!important;

  z-index:999999!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;

  gap:10px!important;

  width:auto!important;
  min-width:0!important;

  margin:0!important;
  padding:0!important;

  transform:none!important;

  pointer-events:none!important;
}

/* Both buttons */
.floating-contact .floating-contact-btn{
  pointer-events:auto!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;

  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;

  padding:0!important;
  margin:0!important;

  border-radius:50%!important;

  border:1px solid rgba(255,255,255,.65)!important;

  overflow:hidden!important;

  box-sizing:border-box!important;

  box-shadow:
    0 5px 16px rgba(7,30,58,.28)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease!important;
}

.floating-contact .floating-contact-btn:hover{
  transform:scale(1.06)!important;

  box-shadow:
    0 8px 20px rgba(7,30,58,.32)!important;
}

/* Hide text on mobile — icon only */
.floating-contact .floating-contact-btn > span:last-child{
  display:none!important;
}

/* WhatsApp button */
.floating-contact .floating-contact-btn.whatsapp{
  background:#00B050!important;
  color:#fff!important;
}

/* Call button */
.floating-contact .floating-contact-btn.call{
  background:#1268D8!important;
  color:#fff!important;
}

/* Icon container */
.floating-contact .floating-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  height:100%!important;
  min-width:100%!important;

  flex:1 1 auto!important;

  padding:0!important;
  margin:0!important;

  border-radius:50%!important;

  background:transparent!important;

  color:#fff!important;

  font-size:0!important;
  line-height:0!important;
}

/* SVG */
.floating-contact .floating-icon svg{
  display:block!important;

  width:30px!important;
  height:30px!important;

  min-width:30px!important;
  min-height:30px!important;

  max-width:30px!important;
  max-height:30px!important;

  margin:0!important;
  padding:0!important;

  overflow:visible!important;
}

/* WhatsApp SVG */
.floating-contact .whatsapp-svg-icon svg{
  width:29px!important;
  height:29px!important;
}

/* Call SVG */
.floating-contact .call-svg-icon svg{
  width:28px!important;
  height:28px!important;
}

/* Remove every old pseudo element */
.floating-contact *,
.floating-contact *::before,
.floating-contact *::after{
  box-sizing:border-box!important;
}

.floating-contact .floating-contact-btn::before,
.floating-contact .floating-contact-btn::after,
.floating-contact .floating-icon::before,
.floating-contact .floating-icon::after{
  content:none!important;
  display:none!important;
}


/* ============================================================
   MOBILE POSITION
   ============================================================ */

@media(max-width:620px){

  .floating-contact{
    right:12px!important;
    bottom:102px!important;

    gap:9px!important;
  }

  .floating-contact .floating-contact-btn{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;

    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;

    border-radius:50%!important;
  }

  .floating-contact .floating-icon svg{
    width:30px!important;
    height:30px!important;
  }

  .floating-contact .whatsapp-svg-icon svg{
    width:29px!important;
    height:29px!important;
  }

  .floating-contact .call-svg-icon svg{
    width:28px!important;
    height:28px!important;
  }
}


/* ============================================================
   VERY SMALL MOBILE
   ============================================================ */

@media(max-width:380px){

  .floating-contact{
    right:10px!important;
    bottom:94px!important;
    gap:8px!important;
  }

  .floating-contact .floating-contact-btn{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;

    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
  }

  .floating-contact .floating-icon svg{
    width:28px!important;
    height:28px!important;
  }
}


/* ============================================================
   STOCKSKILL — FINAL COURSE SOCIAL PROOF
   Rating + Ratings Count ONLY
   Learner Count hidden
   ============================================================ */

.course-social-proof.compact{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;

  gap:7px!important;

  min-height:34px!important;

  margin:0!important;
  padding:0!important;
}

.course-social-proof.compact .stars{
  display:inline-flex!important;
  align-items:center!important;

  margin:0!important;
  padding:0!important;

  color:#071E3A!important;

  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;

  white-space:nowrap!important;
}

.course-social-proof.compact small{
  display:inline-flex!important;
  align-items:center!important;

  margin:0!important;
  padding:0!important;

  color:#607086!important;

  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;

  white-space:nowrap!important;
}

/* Never display learner count inside this public block */
.course-social-proof.compact .learner-count,
.course-social-proof.compact [data-learner-count]{
  display:none!important;
}

@media(max-width:768px){

  .course-social-proof.compact{
    gap:6px!important;
    min-height:32px!important;
  }

  .course-social-proof.compact .stars{
    font-size:13px!important;
  }

  .course-social-proof.compact small{
    font-size:9.5px!important;
  }
}


/* ============================================================
   STOCKSKILL — CORPORATE LOGIN UI
   Yellow + Navy / Responsive / Premium LMS
   ============================================================ */

.ss-login-page{
  --ss-yellow:#FFC107;
  --ss-yellow-dark:#E5A900;
  --ss-navy:#0B2D5B;
  --ss-deep:#071E3A;
  --ss-green:#00B050;
  --ss-text:#142033;
  --ss-muted:#6B778C;
  --ss-border:#DCE3EC;

  min-height:calc(100vh - 0px);
  background:#F4F7FB;
  display:flex;
  align-items:stretch;
  margin:0;
  padding:0;
}

.ss-login-shell{
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);
  overflow:hidden;
  background:#fff;
}

.ss-login-brand-panel{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 75% 15%,rgba(255,193,7,.13),transparent 28%),
    linear-gradient(145deg,#071E3A 0%,#0B2D5B 55%,#08244A 100%);
  color:#fff;
  padding:42px clamp(42px,6vw,92px) 34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.ss-login-brand-panel:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.07;
  background-image:
    linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
  pointer-events:none;
}

.ss-brand-top,
.ss-brand-main,
.ss-brand-bottom{
  position:relative;
  z-index:2;
}

.ss-login-logo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}

.ss-login-logo img{
  display:block;
  width:min(300px,100%);
  height:auto;
  max-height:64px;
  object-fit:contain;
  object-position:left center;
}

.ss-brand-badge{
  display:inline-flex;
  margin-top:24px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  border-radius:999px;
  color:#EAF0F8;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.4px;
}

.ss-brand-main{
  max-width:650px;
  margin:auto 0;
  padding:60px 0 48px;
}

.ss-login-eyebrow{
  color:var(--ss-yellow);
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:18px;
}

.ss-brand-main h1{
  margin:0;
  font-size:clamp(42px,5vw,72px);
  line-height:1.03;
  letter-spacing:-2.5px;
  font-weight:800;
  color:#fff;
}

.ss-brand-main h1 span{
  color:var(--ss-yellow);
}

.ss-brand-description{
  max-width:580px;
  margin:24px 0 34px;
  color:#B8C7D9;
  font-size:16px;
  line-height:1.75;
}

.ss-feature-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px 28px;
}

.ss-feature{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.ss-feature-icon{
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,193,7,.12);
  border:1px solid rgba(255,193,7,.2);
  color:var(--ss-yellow);
}

.ss-feature-icon svg{
  width:19px;
  height:19px;
}

.ss-feature b{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.3;
}

.ss-feature small{
  display:block;
  margin-top:4px;
  color:#93A7BF;
  font-size:11px;
  line-height:1.45;
}

.ss-market-visual{
  position:absolute;
  left:0;
  right:0;
  bottom:24px;
  height:145px;
  opacity:.16;
  color:var(--ss-yellow);
  pointer-events:none;
}

.ss-market-visual svg{
  width:100%;
  height:145px;
  display:block;
}

.ss-grid-line{
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:currentColor;
}

.ss-grid-one{top:28px}
.ss-grid-two{top:72px}
.ss-grid-three{top:116px}

.ss-trust-row{
  position:relative;
  z-index:4;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  color:#8FA3BC;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2px;
}

.ss-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.ss-trust-row i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ss-green);
  box-shadow:0 0 0 4px rgba(0,176,80,.12);
}

.ss-login-form-panel{
  background:#F7F9FC;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:52px clamp(28px,5vw,82px);
  overflow:auto;
}

.ss-login-form-wrap{
  width:100%;
  max-width:500px;
}

.ss-mobile-logo{
  display:none;
}

.ss-login-header{
  display:flex;
  gap:15px;
  align-items:flex-start;
  margin-bottom:27px;
}

.ss-secure-icon{
  width:46px;
  height:46px;
  min-width:46px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#FFF6D8;
  color:#A87300;
  border:1px solid #FFE59A;
}

.ss-secure-icon svg{
  width:24px;
  height:24px;
}

.ss-form-eyebrow{
  color:#A87300;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
  margin-bottom:5px;
}

.ss-login-header h2{
  margin:0;
  color:var(--ss-navy);
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.8px;
  font-weight:800;
}

.ss-login-header p{
  margin:7px 0 0;
  color:#78859A;
  font-size:14px;
}

.ss-login-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:4px;
  background:#EAF0F6;
  border-radius:12px;
  margin-bottom:27px;
}

.ss-login-tab{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:9px;
  text-decoration:none;
  color:#69788E;
  font-size:12px;
  font-weight:800;
  transition:.2s ease;
}

.ss-login-tab svg{
  width:17px;
  height:17px;
}

.ss-login-tab.active{
  color:var(--ss-navy);
  background:#fff;
  box-shadow:0 3px 10px rgba(11,45,91,.09);
}

.ss-login-tab:not(.active):hover{
  color:var(--ss-navy);
}

.ss-login-form{
  display:block;
}

.ss-field{
  margin-bottom:19px;
}

.ss-field label{
  display:block;
  color:#27354A;
  font-size:12px;
  font-weight:800;
  margin-bottom:8px;
}

.ss-label-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.ss-forgot-link{
  color:#52708F;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
}

.ss-forgot-link:hover{
  color:var(--ss-navy);
  text-decoration:underline;
}

.ss-input-wrap{
  position:relative;
}

.ss-input-icon{
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  color:#8390A2;
  pointer-events:none;
  display:flex;
}

.ss-input-icon svg{
  width:19px;
  height:19px;
}

.ss-login-input{
  width:100%;
  min-height:53px;
  box-sizing:border-box;
  border:1px solid #D5DEE9;
  border-radius:11px;
  background:#fff;
  color:#172337;
  padding:0 48px;
  outline:none;
  font:inherit;
  font-size:14px;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.ss-login-input::placeholder{
  color:#A1ADBC;
}

.ss-login-input:hover{
  border-color:#BFCBDA;
}

.ss-login-input:focus{
  border-color:#D5A000;
  box-shadow:0 0 0 4px rgba(255,193,7,.13);
  background:#fff;
}

.ss-password-toggle{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:#8794A6;
  border-radius:8px;
  cursor:pointer;
  display:grid;
  place-items:center;
}

.ss-password-toggle:hover{
  background:#F0F3F7;
  color:var(--ss-navy);
}

.ss-password-toggle svg{
  width:19px;
  height:19px;
}

.ss-eye-closed{
  display:none;
}

.ss-password-toggle.is-visible .ss-eye-open{
  display:none;
}

.ss-password-toggle.is-visible .ss-eye-closed{
  display:block;
}

.ss-login-options{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 20px;
}

.ss-remember{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#67758A;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
}

.ss-remember input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.ss-checkmark{
  width:16px;
  height:16px;
  border:1px solid #C6D1DE;
  border-radius:5px;
  background:#fff;
  position:relative;
}

.ss-remember input:checked + .ss-checkmark{
  background:var(--ss-yellow);
  border-color:var(--ss-yellow);
}

.ss-remember input:checked + .ss-checkmark:after{
  content:"";
  position:absolute;
  width:4px;
  height:8px;
  border:solid #26384E;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
  left:5px;
  top:2px;
}

.ss-secure-text{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#8390A2;
  font-size:10px;
  font-weight:700;
}

.ss-secure-text svg{
  width:14px;
  height:14px;
  color:#00A95C;
}

.ss-login-submit{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg,#FFC107,#F2B400);
  color:#17263B;
  box-shadow:
    0 8px 18px rgba(205,151,0,.19),
    inset 0 1px 0 rgba(255,255,255,.35);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  letter-spacing:.15px;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

.ss-login-submit svg{
  width:18px;
  height:18px;
}

.ss-login-submit:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
  box-shadow:
    0 11px 23px rgba(205,151,0,.24),
    inset 0 1px 0 rgba(255,255,255,.4);
}

.ss-login-submit:active{
  transform:translateY(0);
}

.ss-login-submit:disabled{
  opacity:.65;
  cursor:not-allowed;
  transform:none;
}

.ss-login-message{
  min-height:20px;
  margin:11px 0 0;
  text-align:center;
  font-size:12px;
  line-height:1.5;
}

.ss-login-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:24px 0 15px;
  color:#9AA5B4;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
}

.ss-login-divider:before,
.ss-login-divider:after{
  content:"";
  height:1px;
  flex:1;
  background:#DDE4EC;
}

.ss-create-account{
  min-height:68px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid #DDE4EC;
  border-radius:12px;
  background:#fff;
  color:var(--ss-navy);
  text-decoration:none;
  transition:.2s ease;
}

.ss-create-account:hover{
  border-color:#C5D1DE;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(15,35,60,.06);
}

.ss-create-icon{
  width:36px;
  height:36px;
  min-width:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#7D5A00;
  background:#FFF5D5;
}

.ss-create-icon svg{
  width:19px;
  height:19px;
}

.ss-create-account b{
  display:block;
  font-size:12px;
  line-height:1.3;
}

.ss-create-account small{
  display:block;
  margin-top:3px;
  color:#8A96A6;
  font-size:10px;
  line-height:1.3;
}

.ss-create-arrow{
  width:17px;
  height:17px;
  margin-left:auto;
  color:#8090A3;
}

.ss-login-footer{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  margin-top:25px;
  color:#9AA5B4;
  font-size:10px;
}

.ss-login-footer a{
  color:#748197;
  text-decoration:none;
  font-weight:700;
}

.ss-login-footer a:hover{
  color:var(--ss-navy);
}

.ss-login-disclaimer{
  max-width:470px;
  margin:12px auto 0;
  text-align:center;
  color:#A0A9B6;
  font-size:9px;
  line-height:1.55;
}


/* ------------------------------------------------------------
   Login page must be visually independent from global nav
   ------------------------------------------------------------ */

body:has(.ss-login-page){
  margin:0!important;
  padding:0!important;
  background:#F4F7FB!important;
}

body:has(.ss-login-page) .nav,
body:has(.ss-login-page) .mobile-bottom,
body:has(.ss-login-page) footer{
  display:none!important;
}

body:has(.ss-login-page) .floating-contact{
  display:none!important;
}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width:1100px){

  .ss-login-shell{
    grid-template-columns:minmax(0,1fr) minmax(400px,.82fr);
  }

  .ss-login-brand-panel{
    padding-left:42px;
    padding-right:42px;
  }

  .ss-brand-main h1{
    font-size:clamp(40px,5vw,58px);
  }

  .ss-feature-list{
    grid-template-columns:1fr;
  }

  .ss-login-form-panel{
    padding-left:34px;
    padding-right:34px;
  }

}


/* ------------------------------------------------------------
   SMALL TABLET / LARGE MOBILE
   ------------------------------------------------------------ */

@media (max-width:850px){

  .ss-login-shell{
    min-height:100svh;
    grid-template-columns:1fr;
  }

  .ss-login-brand-panel{
    min-height:auto;
    padding:28px 28px 30px;
  }

  .ss-brand-main{
    margin:0;
    padding:44px 0 30px;
  }

  .ss-brand-main h1{
    font-size:48px;
  }

  .ss-brand-description{
    max-width:680px;
  }

  .ss-feature-list{
    grid-template-columns:1fr 1fr;
  }

  .ss-market-visual{
    display:none;
  }

  .ss-login-form-panel{
    min-height:auto;
    padding:48px 28px 55px;
  }

}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width:600px){

  .ss-login-page{
    min-height:100svh;
  }

  .ss-login-shell{
    min-height:100svh;
    display:block;
    background:#F7F9FC;
  }

  .ss-login-brand-panel{
    display:none;
  }

  .ss-login-form-panel{
    min-height:100svh;
    box-sizing:border-box;
    padding:
      max(24px,env(safe-area-inset-top))
      18px
      max(30px,env(safe-area-inset-bottom));
    display:flex;
    align-items:flex-start;
    justify-content:center;
    overflow:visible;
  }

  .ss-login-form-wrap{
    width:100%;
    max-width:430px;
    padding-top:4px;
  }

  .ss-mobile-logo{
    display:flex;
    justify-content:center;
    margin:5px 0 28px;
  }

  .ss-mobile-logo a{
    display:inline-flex;
  }

  .ss-mobile-logo img{
    display:block;
    width:215px;
    max-width:72vw;
    height:auto;
  }

  .ss-login-header{
    margin-bottom:21px;
  }

  .ss-secure-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:11px;
  }

  .ss-secure-icon svg{
    width:21px;
    height:21px;
  }

  .ss-login-header h2{
    font-size:27px;
  }

  .ss-login-header p{
    font-size:12px;
    margin-top:5px;
  }

  .ss-login-tabs{
    margin-bottom:23px;
  }

  .ss-login-tab{
    min-height:42px;
    font-size:11px;
  }

  .ss-field{
    margin-bottom:17px;
  }

  .ss-login-input{
    min-height:54px;
    border-radius:11px;
    font-size:14px;
  }

  .ss-login-options{
    align-items:flex-start;
    margin-bottom:18px;
  }

  .ss-secure-text{
    font-size:9px;
  }

  .ss-login-submit{
    min-height:55px;
    border-radius:11px;
  }

  .ss-create-account{
    min-height:66px;
  }

  .ss-login-footer{
    margin-top:22px;
  }

}


/* ------------------------------------------------------------
   SMALL PHONES
   ------------------------------------------------------------ */

@media (max-width:380px){

  .ss-login-form-panel{
    padding-left:14px;
    padding-right:14px;
  }

  .ss-mobile-logo{
    margin-bottom:23px;
  }

  .ss-mobile-logo img{
    width:190px;
  }

  .ss-login-header{
    gap:11px;
  }

  .ss-login-header h2{
    font-size:24px;
  }

  .ss-login-header p{
    font-size:11px;
  }

  .ss-login-tab{
    gap:5px;
    font-size:10px;
  }

  .ss-login-tab svg{
    width:15px;
    height:15px;
  }

  .ss-login-input{
    min-height:52px;
  }

  .ss-login-options{
    gap:8px;
  }

  .ss-secure-text{
    display:none;
  }

  .ss-login-submit{
    min-height:53px;
    font-size:12px;
  }

  .ss-login-disclaimer{
    font-size:8px;
  }

}


/* ------------------------------------------------------------
   TOUCH DEVICES
   ------------------------------------------------------------ */

@media (hover:none){

  .ss-login-submit:hover,
  .ss-create-account:hover{
    transform:none;
  }

}


/* ------------------------------------------------------------
   REDUCED MOTION
   ------------------------------------------------------------ */

@media (prefers-reduced-motion:reduce){

  .ss-login-submit,
  .ss-create-account,
  .ss-login-tab,
  .ss-login-input{
    transition:none!important;
  }

}


/* =========================================================
   STOCKSKILL LOGIN — CORPORATE HEADER/NAV RESTORE
   ========================================================= */

body:has(.ss-login-page) .nav {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body:has(.ss-login-page) header,
body:has(.ss-login-page) .site-header,
body:has(.ss-login-page) .header {
  visibility: visible !important;
  opacity: 1 !important;
}

body:has(.ss-login-page) footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body:has(.ss-login-page) .floating-contact {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body:has(.ss-login-page) .mobile-bottom {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 9999 !important;
}

/* =========================================================
   STUDENT LOGIN — ONLY ONE LOGIN OPTION
   ========================================================= */

body:has(.ss-login-page) .ss-login-tabs {
  grid-template-columns: 1fr !important;
}

body:has(.ss-login-page) .ss-login-tabs > .ss-login-tab {
  width: 100% !important;
}

/* Never display an Admin tab if one is added accidentally later */
body:has(.ss-login-page) .ss-login-tabs a[href="/admin"],
body:has(.ss-login-page) .ss-login-tabs [data-admin-login] {
  display: none !important;
}

@media (max-width: 850px) {
  body:has(.ss-login-page) {
    padding-bottom: 88px !important;
  }

  body:has(.ss-login-page) .mobile-bottom {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 10px !important;
    width: auto !important;
  }
}

body:has(.ss-login-page) .ss-login-shell {
  position: relative !important;
  z-index: 1 !important;
}


/* =========================================================
   FINAL STUDENT LOGIN — REMOVE EXTRA CENTRAL BRANDING
   Header branding remains untouched.
   ========================================================= */

body:has(.ss-login-page) .ss-login-mobile-logo,
body:has(.ss-login-page) .ss-login-form-logo,
body:has(.ss-login-page) .ss-login-brand-logo,
body:has(.ss-login-page) .ss-login-mobile-brand {
  display: none !important;
}


/* =========================================================
   STOCKSKILL LOGIN FINAL
   REMOVE ONLY THE EXTRA LOGO INSIDE LOGIN CONTENT
   KEEP HEADER LOGO COMPLETELY INTACT
   ========================================================= */

/* Extra StockSkill logo shown above STUDENT PORTAL */
body:has(.ss-login-page) .ss-login-form-panel img[src*="stockskill-logo"],
body:has(.ss-login-page) .ss-login-form-panel img[src*="stockskill-logo-yellow"],
body:has(.ss-login-page) .ss-login-form-panel img[alt*="StockSkill"],
body:has(.ss-login-page) .ss-login-form-panel img[alt*="stockskill"] {
  display: none !important;
}

/* Hide common mobile/inner branding wrappers only inside login form */
body:has(.ss-login-page) .ss-login-form-panel .ss-login-mobile-logo,
body:has(.ss-login-page) .ss-login-form-panel .ss-login-form-logo,
body:has(.ss-login-page) .ss-login-form-panel .ss-login-brand-logo,
body:has(.ss-login-page) .ss-login-form-panel .ss-login-mobile-brand,
body:has(.ss-login-page) .ss-login-form-panel .login-logo,
body:has(.ss-login-page) .ss-login-form-panel .brand-logo {
  display: none !important;
}

/* If the extra branding is a direct image inside the form panel */
body:has(.ss-login-page) .ss-login-form-panel > img[src*="logo"] {
  display: none !important;
}

/* Remove empty vertical space left by the hidden inner logo */
body:has(.ss-login-page) .ss-login-form-panel .ss-login-mobile-logo,
body:has(.ss-login-page) .ss-login-form-panel .ss-login-form-logo,
body:has(.ss-login-page) .ss-login-form-panel .ss-login-brand-logo,
body:has(.ss-login-page) .ss-login-form-panel .ss-login-mobile-brand {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* The login content should start cleanly after the ticker/header */
body:has(.ss-login-page) .ss-login-form-panel {
  position: relative;
}


/* =========================================================
   STOCKSKILL — CORPORATE STUDENT REGISTRATION UI
   Approved fintech + edtech visual direction
   ========================================================= */

.ss-register-page {
  min-height: calc(100vh - 120px);
  background:
    radial-gradient(circle at 80% 10%, rgba(33,110,210,.18), transparent 32%),
    linear-gradient(180deg,#071e3a 0,#061a32 28%,#f5f8fc 28%,#f5f8fc 100%);
  color:#0b2d5b;
  overflow:hidden;
}

.ss-register-hero {
  background:linear-gradient(135deg,#071e3a,#0b2d5b);
  color:#fff;
}

.ss-register-hero-inner {
  max-width:1180px;
  margin:auto;
  min-height:410px;
  padding:58px 28px 72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
}

.ss-register-hero-copy {
  flex:1;
  max-width:650px;
}

.ss-register-eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
  color:#ffc107;
  font-weight:800;
  letter-spacing:.08em;
  font-size:17px;
  margin-bottom:18px;
}

.ss-register-cap {
  width:35px;
  height:35px;
  border-radius:50%;
  background:#ffc107;
  color:#071e3a;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.ss-register-hero h1 {
  margin:0;
  font-size:clamp(44px,6vw,74px);
  line-height:.98;
  letter-spacing:-2px;
  font-weight:900;
}

.ss-register-hero h1 span {
  color:#3fa7ff;
}

.ss-register-hero-copy > p {
  margin:25px 0 30px;
  font-size:21px;
  line-height:1.45;
  color:#d7e3f3;
  max-width:590px;
}

.ss-register-benefits {
  display:flex;
  gap:34px;
  flex-wrap:wrap;
}

.ss-register-benefits > div {
  display:grid;
  grid-template-columns:48px auto;
  column-gap:10px;
  align-items:center;
}

.ss-benefit-icon {
  grid-row:span 2;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#00b050;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:900;
}

.ss-register-benefits > div:nth-child(2) .ss-benefit-icon {
  background:#318cf4;
}

.ss-register-benefits > div:nth-child(3) .ss-benefit-icon {
  background:#ffc107;
  color:#071e3a;
}

.ss-register-benefits strong {
  font-size:17px;
}

.ss-register-benefits small {
  color:#c5d4e8;
}

.ss-register-chart {
  width:360px;
  min-width:300px;
  position:relative;
  align-self:center;
}

.ss-chart-card {
  min-height:245px;
  border-radius:30px;
  padding:35px;
  background:linear-gradient(145deg,#174d9b,#08265d);
  border:2px solid rgba(63,167,255,.65);
  box-shadow:0 25px 60px rgba(0,0,0,.3);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.ss-chart-card strong,
.ss-chart-card b {
  font-size:30px;
  line-height:1.05;
}

.ss-chart-card b {
  color:#ffc107;
}

.ss-chart-arrow {
  position:absolute;
  right:28px;
  top:20px;
  font-size:72px;
  color:#ffc107;
  transform:rotate(-8deg);
}

.ss-chart-bars {
  display:flex;
  align-items:end;
  gap:10px;
  height:70px;
  margin-top:25px;
}

.ss-chart-bars i {
  width:35px;
  background:#4aa9ff;
  border-radius:8px 8px 0 0;
}

.ss-chart-bars i:nth-child(1){height:25%}
.ss-chart-bars i:nth-child(2){height:43%}
.ss-chart-bars i:nth-child(3){height:68%}
.ss-chart-bars i:nth-child(4){height:100%}

.ss-chart-caption {
  text-align:right;
  color:#d9e6f6;
  font-style:italic;
  font-size:19px;
  margin-top:12px;
  line-height:1.15;
}

.ss-chart-caption b {
  color:#ffc107;
}

.ss-register-card-wrap {
  max-width:1180px;
  margin:-42px auto 0;
  padding:0 20px 80px;
  position:relative;
  z-index:5;
}

.ss-register-card {
  background:#fff;
  border-radius:30px;
  padding:35px 48px 42px;
  box-shadow:0 25px 70px rgba(7,30,58,.16);
  border:1px solid #e1e8f2;
}

.ss-register-card-head {
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:28px;
}

.ss-register-title-icon {
  width:78px;
  height:78px;
  border-radius:50%;
  background:#fff7dc;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

.ss-register-title-icon svg {
  width:38px;
  height:38px;
  fill:none;
  stroke:#e4a900;
  stroke-width:1.7;
  stroke-linecap:round;
}

.ss-register-card-head h2 {
  margin:0;
  font-size:30px;
  color:#0b2d5b;
}

.ss-register-card-head p {
  margin:6px 0 0;
  color:#6c7f98;
  font-size:17px;
}

.ss-register-secure {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 22px;
  border-radius:40px;
  background:#fffaf0;
}

.ss-register-secure > span {
  width:40px;
  height:40px;
  border-radius:50%;
  background:#dff7e9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ss-register-secure svg {
  width:23px;
  height:23px;
  fill:none;
  stroke:#00a94f;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ss-register-secure strong,
.ss-register-secure small {
  display:block;
}

.ss-register-secure strong {
  color:#071e3a;
  font-size:17px;
}

.ss-register-secure small {
  color:#71829a;
  margin-top:2px;
}

.ss-register-form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 24px;
}

.ss-register-field {
  min-width:0;
}

.ss-register-field label {
  display:block;
  margin:0 0 9px;
  font-size:16px;
  font-weight:800;
  color:#102f54;
}

.ss-register-input-wrap {
  position:relative;
}

.ss-register-input-wrap > svg {
  position:absolute;
  left:20px;
  top:50%;
  width:24px;
  height:24px;
  transform:translateY(-50%);
  fill:none;
  stroke:#7189aa;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
  z-index:2;
}

.ss-register-input-wrap .input {
  width:100%;
  min-height:58px;
  box-sizing:border-box;
  padding:0 52px 0 60px;
  border-radius:14px;
  border:1px solid #cdd9e8;
  background:#f8fbff;
  color:#102f54;
  font-size:16px;
  outline:none;
  transition:.2s;
}

.ss-register-input-wrap .input:focus {
  border-color:#ffc107;
  box-shadow:0 0 0 4px rgba(255,193,7,.13);
  background:#fff;
}

.ss-register-input-wrap .input::placeholder {
  color:#8493a7;
}

.ss-password-toggle {
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  padding:6px;
  cursor:pointer;
  color:#7085a2;
}

.ss-password-toggle svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}

.ss-password-rules {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:9px;
  color:#68809e;
  font-size:13px;
}

.ss-password-rules span {
  white-space:nowrap;
}

.ss-password-rules span::first-letter {
  color:#00b050;
}

.ss-register-terms {
  grid-column:1 / -1;
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:3px 0 0;
  color:#304d70;
  font-size:16px;
  line-height:1.5;
}

.ss-register-terms input {
  width:20px;
  height:20px;
  accent-color:#ffc107;
  margin-top:2px;
  flex:none;
}

.ss-register-terms a {
  color:#0878e8;
  text-decoration:underline;
  font-weight:700;
}

.ss-register-submit {
  grid-column:1 / -1;
  min-height:64px;
  border:0;
  border-radius:16px;
  background:linear-gradient(90deg,#ffc107,#ffbf00);
  color:#071e3a;
  font-size:19px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(255,193,7,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  transition:.2s;
}

.ss-register-submit:hover {
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(255,193,7,.3);
}

.ss-register-submit b {
  font-size:27px;
  line-height:1;
}

.ss-register-message {
  grid-column:1 / -1;
  text-align:center;
  margin:0;
}

.ss-register-divider {
  display:flex;
  align-items:center;
  gap:18px;
  margin:30px 0 18px;
}

.ss-register-divider span {
  height:1px;
  flex:1;
  background:#dbe3ed;
}

.ss-register-divider b {
  color:#71839a;
  font-size:15px;
}

.ss-register-login {
  text-align:center;
  color:#637893;
  font-size:17px;
}

.ss-register-login a {
  color:#0878e8;
  font-weight:800;
  text-decoration:none;
  margin-left:5px;
}

@media (max-width:900px) {
  .ss-register-hero-inner {
    padding:45px 25px 70px;
  }

  .ss-register-chart {
    display:none;
  }

  .ss-register-card {
    padding:30px;
  }
}

@media (max-width:650px) {

  .ss-register-page {
    background:#f5f8fc;
  }

  .ss-register-hero-inner {
    min-height:auto;
    padding:38px 22px 70px;
  }

  .ss-register-hero h1 {
    font-size:44px;
    letter-spacing:-1.5px;
  }

  .ss-register-hero-copy > p {
    font-size:17px;
  }

  .ss-register-benefits {
    gap:17px;
    justify-content:space-between;
  }

  .ss-register-benefits > div {
    min-width:90px;
  }

  .ss-register-benefits strong {
    font-size:14px;
  }

  .ss-register-benefits small {
    font-size:11px;
  }

  .ss-benefit-icon {
    width:40px;
    height:40px;
    font-size:17px;
  }

  .ss-register-card-wrap {
    padding:0 10px 90px;
    margin:-35px auto 0;
  }

  .ss-register-card {
    border-radius:27px;
    padding:25px 20px 32px;
  }

  .ss-register-card-head {
    align-items:flex-start;
    flex-wrap:wrap;
    gap:14px;
  }

  .ss-register-title-icon {
    width:56px;
    height:56px;
  }

  .ss-register-title-icon svg {
    width:28px;
    height:28px;
  }

  .ss-register-card-head h2 {
    font-size:24px;
  }

  .ss-register-card-head p {
    font-size:14px;
  }

  .ss-register-secure {
    width:100%;
    margin:3px 0 0;
    box-sizing:border-box;
    justify-content:center;
    padding:11px 15px;
  }

  .ss-register-form {
    grid-template-columns:1fr;
    gap:17px;
  }

  .ss-register-field label {
    font-size:14px;
  }

  .ss-register-input-wrap .input {
    min-height:56px;
    font-size:15px;
  }

  .ss-password-rules {
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
    font-size:12px;
  }

  .ss-register-terms {
    font-size:13px;
  }

  .ss-register-submit {
    min-height:58px;
    font-size:16px;
  }

  .ss-register-login {
    font-size:14px;
  }

  body:has(.ss-register-page) {
    padding-bottom:88px !important;
  }

  body:has(.ss-register-page) .mobile-bottom {
    z-index:9999 !important;
  }
}

@media (max-width:380px) {
  .ss-register-hero h1 {
    font-size:38px;
  }

  .ss-register-card {
    padding:22px 16px 28px;
  }

  .ss-register-benefits {
    gap:8px;
  }
}


/* =========================================================
   STOCKSKILL REGISTER — APPROVED CORPORATE UI
   ========================================================= */

.ss-register-page{
  min-height:calc(100vh - 110px);
  background:#f4f8fc;
  color:#0b2d5b;
  overflow:hidden;
}

.ss-register-hero{
  background:
    radial-gradient(circle at 78% 35%,rgba(35,120,255,.28),transparent 30%),
    linear-gradient(135deg,#061b35 0%,#0b2d5b 60%,#061a32 100%);
  color:#fff;
}

.ss-register-hero-inner{
  max-width:1240px;
  min-height:500px;
  margin:auto;
  padding:65px 34px 95px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;
  box-sizing:border-box;
}

.ss-register-hero-copy{
  flex:1;
  min-width:0;
}

.ss-register-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  color:#ffc107;
  font-size:20px;
  font-weight:900;
  letter-spacing:.08em;
}

.ss-register-cap{
  width:52px;
  height:52px;
  border-radius:50%;
  background:#ffc107;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ss-register-cap svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:#071e3a;
  stroke-width:2;
  stroke-linejoin:round;
}

.ss-register-hero h1{
  margin:0;
  font-size:clamp(52px,6vw,82px);
  line-height:.96;
  letter-spacing:-3px;
  font-weight:950;
}

.ss-register-hero h1 span{
  color:#3b9cff;
}

.ss-register-hero-copy>p{
  margin:28px 0 38px;
  color:#dce7f5;
  font-size:22px;
  line-height:1.45;
}

.ss-register-benefits{
  display:flex;
  align-items:center;
  gap:38px;
}

.ss-register-benefit{
  display:flex;
  align-items:center;
  gap:13px;
}

.ss-benefit-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

.ss-benefit-icon.learn{
  background:#00b957;
}

.ss-benefit-icon.practice{
  background:#318ff3;
}

.ss-benefit-icon.grow{
  background:#ffc107;
}

.ss-benefit-icon svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ss-benefit-icon.grow svg{
  stroke:#071e3a;
}

.ss-register-benefit strong,
.ss-register-benefit small{
  display:block;
}

.ss-register-benefit strong{
  font-size:18px;
  color:#fff;
}

.ss-register-benefit small{
  margin-top:3px;
  color:#b9cae0;
  font-size:14px;
}

.ss-register-visual{
  width:380px;
  flex:none;
}

.ss-invest-card{
  position:relative;
  min-height:250px;
  padding:38px;
  border-radius:30px;
  box-sizing:border-box;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 40%,rgba(50,145,255,.32),transparent 45%),
    linear-gradient(145deg,#174f9f,#08275f);
  border:2px solid rgba(67,159,255,.72);
  box-shadow:0 28px 65px rgba(0,0,0,.34);
}

.ss-invest-title{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  font-size:31px;
  line-height:1.05;
}

.ss-invest-title b{
  color:#ffc107;
}

.ss-invest-arrow{
  position:absolute;
  right:25px;
  top:20px;
  font-size:86px;
  color:#ffc107;
  font-weight:900;
  transform:rotate(-8deg);
}

.ss-invest-bars{
  position:absolute;
  left:38px;
  right:38px;
  bottom:0;
  height:92px;
  display:flex;
  align-items:end;
  gap:11px;
}

.ss-invest-bars i{
  flex:1;
  background:#4aa9ff;
  border-radius:8px 8px 0 0;
}

.ss-invest-bars i:nth-child(1){height:28%}
.ss-invest-bars i:nth-child(2){height:46%}
.ss-invest-bars i:nth-child(3){height:70%}
.ss-invest-bars i:nth-child(4){height:100%}

.ss-invest-caption{
  margin-top:12px;
  text-align:right;
  color:#dbe7f7;
  font-size:20px;
  line-height:1.1;
  font-style:italic;
}

.ss-invest-caption b{
  color:#ffc107;
}

.ss-register-card-wrap{
  max-width:1240px;
  margin:-55px auto 0;
  padding:0 24px 100px;
  position:relative;
  z-index:10;
  box-sizing:border-box;
}

.ss-register-card{
  background:#fff;
  border:1px solid #e1e9f2;
  border-radius:34px;
  padding:38px 50px 46px;
  box-shadow:0 28px 75px rgba(7,30,58,.18);
}

.ss-register-card-head{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:32px;
}

.ss-register-title-icon{
  width:82px;
  height:82px;
  border-radius:50%;
  background:#fff7df;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

.ss-register-title-icon svg{
  width:40px;
  height:40px;
  fill:none;
  stroke:#e4aa00;
  stroke-width:1.8;
  stroke-linecap:round;
}

.ss-register-title-copy h2{
  margin:0;
  font-size:32px;
  line-height:1.1;
  color:#0b2d5b;
}

.ss-register-title-copy p{
  margin:7px 0 0;
  font-size:17px;
  color:#72859d;
}

.ss-register-secure{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 23px;
  border-radius:50px;
  background:#fffaf0;
  flex:none;
}

.secure-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#ddf7e9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.secure-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:#00a950;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ss-register-secure strong,
.ss-register-secure small{
  display:block;
}

.ss-register-secure strong{
  color:#071e3a;
  font-size:18px;
}

.ss-register-secure small{
  color:#71829a;
  margin-top:2px;
}

.ss-register-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 26px;
}

.ss-register-field label{
  display:block;
  margin-bottom:9px;
  color:#102f54;
  font-size:16px;
  font-weight:900;
}

.ss-register-input-wrap{
  position:relative;
}

.ss-register-input-wrap>svg{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  width:25px;
  height:25px;
  fill:none;
  stroke:#7189aa;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  z-index:2;
  pointer-events:none;
}

.ss-register-input-wrap .input{
  width:100%;
  min-height:62px;
  box-sizing:border-box;
  padding:0 56px 0 62px;
  border-radius:15px;
  border:1px solid #cbd8e8;
  background:#f8fbff;
  color:#102f54;
  font-size:17px;
  outline:none;
}

.ss-register-input-wrap .input:focus{
  border-color:#ffc107;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,193,7,.13);
}

.ss-register-input-wrap .input::placeholder{
  color:#8a99ad;
}

.ss-password-toggle{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  padding:7px;
  background:transparent;
  color:#7085a2;
  cursor:pointer;
}

.ss-password-toggle svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}

.ss-password-rules{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-top:9px;
  color:#69809d;
  font-size:13px;
}

.ss-password-rules b{
  display:inline-flex;
  width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#3dc479;
  color:#fff;
  margin-right:5px;
}

.ss-register-terms{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:4px 0;
  color:#304d70;
  font-size:16px;
  line-height:1.5;
}

.ss-register-terms input{
  width:21px;
  height:21px;
  margin-top:3px;
  flex:none;
  accent-color:#ffc107;
}

.ss-register-terms a{
  color:#0878e8;
  font-weight:800;
  text-decoration:underline;
}

.ss-register-submit{
  grid-column:1/-1;
  min-height:66px;
  border:0;
  border-radius:17px;
  background:linear-gradient(90deg,#ffc107,#ffc000);
  color:#071e3a;
  font-size:20px;
  font-weight:950;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(255,193,7,.25);
  transition:transform .2s,box-shadow .2s;
}

.ss-register-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(255,193,7,.32);
}

.ss-register-submit b{
  font-size:29px;
}

.ss-register-message{
  grid-column:1/-1;
  text-align:center;
  margin:0;
}

.ss-register-divider{
  display:flex;
  align-items:center;
  gap:18px;
  margin:32px 0 18px;
}

.ss-register-divider span{
  height:1px;
  flex:1;
  background:#dbe3ed;
}

.ss-register-divider b{
  color:#71839a;
  font-size:16px;
}

.ss-register-login{
  text-align:center;
  color:#667c97;
  font-size:17px;
}

.ss-register-login a{
  color:#0878e8;
  font-weight:900;
  text-decoration:none;
  margin-left:5px;
}

@media(max-width:1000px){

  .ss-register-hero-inner{
    padding:55px 28px 90px;
  }

  .ss-register-visual{
    width:320px;
  }

  .ss-register-benefits{
    gap:22px;
  }

  .ss-register-card{
    padding:35px;
  }

}

@media(max-width:760px){

  .ss-register-hero-inner{
    min-height:auto;
    display:block;
    padding:42px 22px 85px;
  }

  .ss-register-hero h1{
    font-size:52px;
    letter-spacing:-2px;
  }

  .ss-register-hero-copy>p{
    font-size:18px;
  }

  .ss-register-visual{
    display:none;
  }

  .ss-register-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
  }

  .ss-register-benefit{
    gap:8px;
  }

  .ss-benefit-icon{
    width:45px;
    height:45px;
  }

  .ss-benefit-icon svg{
    width:23px;
    height:23px;
  }

  .ss-register-benefit strong{
    font-size:14px;
  }

  .ss-register-benefit small{
    font-size:11px;
  }

  .ss-register-card-wrap{
    margin:-40px auto 0;
    padding:0 10px 95px;
  }

  .ss-register-card{
    border-radius:28px;
    padding:25px 20px 30px;
  }

  .ss-register-card-head{
    display:grid;
    grid-template-columns:58px 1fr;
    gap:12px;
    align-items:center;
  }

  .ss-register-title-icon{
    width:58px;
    height:58px;
  }

  .ss-register-title-icon svg{
    width:29px;
    height:29px;
  }

  .ss-register-title-copy h2{
    font-size:24px;
  }

  .ss-register-title-copy p{
    font-size:13px;
  }

  .ss-register-secure{
    grid-column:1/-1;
    width:100%;
    box-sizing:border-box;
    justify-content:center;
    margin:3px 0 0;
    padding:11px 14px;
  }

  .ss-register-form{
    grid-template-columns:1fr;
    gap:17px;
  }

  .ss-register-field label{
    font-size:14px;
  }

  .ss-register-input-wrap .input{
    min-height:56px;
    font-size:15px;
  }

  .ss-password-rules{
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
    font-size:12px;
  }

  .ss-register-terms{
    font-size:13px;
  }

  .ss-register-submit{
    min-height:59px;
    font-size:17px;
  }

  .ss-register-login{
    font-size:14px;
  }

  body:has(.ss-register-page){
    padding-bottom:88px !important;
  }

}

@media(max-width:430px){

  .ss-register-hero-inner{
    padding:35px 18px 78px;
  }

  .ss-register-hero h1{
    font-size:44px;
  }

  .ss-register-eyebrow{
    font-size:16px;
  }

  .ss-register-cap{
    width:44px;
    height:44px;
  }

  .ss-register-benefits{
    gap:5px;
  }

  .ss-register-benefit{
    flex-direction:column;
    align-items:flex-start;
  }

  .ss-register-card{
    padding:22px 16px 28px;
  }

}


/* =========================================================
   STOCKSKILL REGISTER — FINAL MATCHED CORPORATE UI
   Same visual language as approved login page
   ========================================================= */

.ss-register-page{
  min-height:calc(100vh - 104px);
  background:#f5f8fc;
  color:#0b2d5b;
  overflow:hidden;
}

.ss-register-hero{
  background:
    radial-gradient(circle at 78% 36%,rgba(43,126,236,.27),transparent 29%),
    linear-gradient(135deg,#061b35 0%,#0b2d5b 58%,#071e3a 100%);
  color:#fff;
}

.ss-register-hero-inner{
  max-width:1180px;
  min-height:405px;
  margin:auto;
  padding:48px 30px 78px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:45px;
}

.ss-register-copy{
  flex:1;
  min-width:0;
}

.ss-register-eyebrow{
  display:flex;
  align-items:center;
  gap:13px;
  color:#ffc107;
  font-size:17px;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:17px;
}

.ss-join-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#ffc107;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ss-join-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:#071e3a;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ss-register-hero h1{
  margin:0;
  font-size:clamp(48px,5.6vw,70px);
  line-height:.98;
  letter-spacing:-2.5px;
  font-weight:950;
}

.ss-register-hero h1 span{
  color:#3b9cff;
}

.ss-register-copy>p{
  margin:21px 0 28px;
  color:#dbe7f5;
  font-size:18px;
  line-height:1.45;
}

.ss-register-benefits{
  display:flex;
  align-items:center;
  gap:27px;
}

.ss-register-benefit{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:125px;
}

.ss-benefit{
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

.ss-benefit.learn{
  background:#00b957;
}

.ss-benefit.practice{
  background:#318ff3;
}

.ss-benefit.grow{
  background:#ffc107;
}

.ss-benefit svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ss-benefit.grow svg{
  stroke:#071e3a;
}

.ss-register-benefit strong,
.ss-register-benefit small{
  display:block;
}

.ss-register-benefit strong{
  color:#fff;
  font-size:14px;
}

.ss-register-benefit small{
  color:#c5d4e8;
  font-size:11px;
  margin-top:2px;
}

.ss-register-visual{
  width:300px;
  flex:none;
}

.ss-invest-card{
  height:190px;
  border-radius:25px;
  padding:27px;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 75% 40%,rgba(56,151,255,.3),transparent 44%),
    linear-gradient(145deg,#174f9f,#08275f);
  border:2px solid rgba(67,159,255,.7);
  box-shadow:0 22px 48px rgba(0,0,0,.3);
}

.ss-invest-text{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  font-size:25px;
  line-height:1.04;
}

.ss-invest-text b{
  color:#ffc107;
}

.ss-invest-arrow{
  position:absolute;
  right:17px;
  top:12px;
  color:#ffc107;
  font-size:70px;
  font-weight:900;
  transform:rotate(-8deg);
}

.ss-bars{
  position:absolute;
  left:27px;
  right:27px;
  bottom:0;
  height:65px;
  display:flex;
  align-items:end;
  gap:8px;
}

.ss-bars i{
  flex:1;
  background:#4aa9ff;
  border-radius:6px 6px 0 0;
}

.ss-bars i:nth-child(1){height:28%}
.ss-bars i:nth-child(2){height:46%}
.ss-bars i:nth-child(3){height:70%}
.ss-bars i:nth-child(4){height:100%}

.ss-invest-caption{
  text-align:right;
  margin-top:9px;
  color:#dbe7f7;
  font-size:15px;
  line-height:1.1;
  font-style:italic;
}

.ss-invest-caption b{
  color:#ffc107;
}

.ss-register-card-wrap{
  max-width:1180px;
  margin:-42px auto 0;
  padding:0 22px 80px;
  box-sizing:border-box;
  position:relative;
  z-index:10;
}

.ss-register-card{
  background:#fff;
  border:1px solid #e1e8f1;
  border-radius:29px;
  padding:31px 42px 38px;
  box-shadow:0 25px 65px rgba(7,30,58,.17);
}

.ss-register-heading{
  display:flex;
  align-items:center;
  gap:17px;
  margin-bottom:25px;
}

.ss-student-icon{
  width:67px;
  height:67px;
  border-radius:50%;
  background:#fff7df;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

.ss-student-icon svg{
  width:33px;
  height:33px;
  fill:none;
  stroke:#e3a900;
  stroke-width:1.8;
  stroke-linecap:round;
}

.ss-register-heading-text h2{
  margin:0;
  color:#0b2d5b;
  font-size:27px;
  line-height:1.1;
}

.ss-register-heading-text p{
  margin:5px 0 0;
  color:#73859d;
  font-size:14px;
}

.ss-secure{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 17px;
  border-radius:40px;
  background:#fffaf0;
}

.ss-secure>span{
  width:37px;
  height:37px;
  border-radius:50%;
  background:#def7e9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ss-secure svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:#00a950;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ss-secure strong,
.ss-secure small{
  display:block;
}

.ss-secure strong{
  color:#071e3a;
  font-size:15px;
}

.ss-secure small{
  color:#71829a;
  font-size:11px;
  margin-top:2px;
}

.ss-register-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:17px 22px;
}

.ss-field label{
  display:block;
  color:#102f54;
  font-size:14px;
  font-weight:900;
  margin-bottom:7px;
}

.ss-input{
  position:relative;
}

.ss-input>svg{
  position:absolute;
  left:17px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  fill:none;
  stroke:#7189aa;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  z-index:2;
  pointer-events:none;
}

.ss-input .input,
.ss-input input{
  width:100%;
  height:54px;
  box-sizing:border-box;
  border:1px solid #ccd9e8;
  border-radius:13px;
  background:#f8fbff;
  padding:0 50px 0 52px;
  color:#102f54;
  font-size:15px;
  outline:none;
}

.ss-input input:focus{
  border-color:#ffc107;
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,193,7,.12);
}

.ss-input input::placeholder{
  color:#8999ae;
}

.ss-eye{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  padding:5px;
  color:#7186a2;
  cursor:pointer;
}

.ss-eye svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}

.ss-password-rules{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:7px;
  color:#6c819d;
  font-size:11px;
}

.ss-password-rules b{
  display:inline-flex;
  width:17px;
  height:17px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#40c77f;
  color:#fff;
  margin-right:3px;
}

.ss-terms{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:2px 0;
  color:#304d70;
  font-size:13px;
  line-height:1.45;
}

.ss-terms input{
  width:18px;
  height:18px;
  margin:1px 0 0;
  accent-color:#ffc107;
  flex:none;
}

.ss-terms a{
  color:#0878e8;
  font-weight:800;
}

.ss-create-btn{
  grid-column:1/-1;
  height:57px;
  border:0;
  border-radius:14px;
  background:linear-gradient(90deg,#ffc107,#ffc000);
  color:#071e3a;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  font-size:17px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 11px 25px rgba(255,193,7,.24);
}

.ss-create-btn b{
  font-size:25px;
}

.ss-register-message{
  grid-column:1/-1;
  text-align:center;
  margin:0;
}

.ss-or{
  display:flex;
  align-items:center;
  gap:14px;
  margin:24px 0 13px;
}

.ss-or span{
  flex:1;
  height:1px;
  background:#dce4ed;
}

.ss-or b{
  color:#77889e;
  font-size:12px;
}

.ss-existing{
  text-align:center;
  color:#6b7f98;
  font-size:14px;
}

.ss-existing a{
  color:#0878e8;
  font-weight:900;
  text-decoration:none;
  margin-left:4px;
}


/* ================= MOBILE ================= */

@media(max-width:760px){

  .ss-register-page{
    min-height:calc(100vh - 104px);
  }

  .ss-register-hero-inner{
    min-height:450px;
    display:block;
    padding:38px 20px 68px;
  }

  .ss-register-eyebrow{
    font-size:16px;
    margin-bottom:19px;
  }

  .ss-join-icon{
    width:40px;
    height:40px;
  }

  .ss-register-hero h1{
    font-size:46px;
    letter-spacing:-2px;
    line-height:.98;
  }

  .ss-register-copy>p{
    margin:20px 0 28px;
    font-size:17px;
  }

  .ss-register-benefits{
    gap:9px;
    justify-content:space-between;
  }

  .ss-register-benefit{
    min-width:0;
    flex:1;
    gap:7px;
  }

  .ss-benefit{
    width:44px;
    height:44px;
  }

  .ss-register-benefit strong{
    font-size:13px;
  }

  .ss-register-benefit small{
    font-size:10px;
  }

  .ss-register-visual{
    display:none;
  }

  .ss-register-card-wrap{
    margin:-40px auto 0;
    padding:0 10px 94px;
  }

  .ss-register-card{
    border-radius:27px;
    padding:23px 18px 28px;
  }

  .ss-register-heading{
    display:grid;
    grid-template-columns:55px 1fr;
    gap:10px;
    margin-bottom:22px;
  }

  .ss-student-icon{
    width:55px;
    height:55px;
  }

  .ss-student-icon svg{
    width:28px;
    height:28px;
  }

  .ss-register-heading-text h2{
    font-size:23px;
  }

  .ss-register-heading-text p{
    font-size:12px;
    line-height:1.35;
  }

  .ss-secure{
    grid-column:1/-1;
    width:100%;
    box-sizing:border-box;
    justify-content:center;
    margin-top:2px;
    padding:10px 14px;
  }

  .ss-secure>span{
    width:36px;
    height:36px;
  }

  .ss-secure strong{
    font-size:15px;
  }

  .ss-secure small{
    font-size:11px;
  }

  .ss-register-form{
    grid-template-columns:1fr;
    gap:16px;
  }

  .ss-field label{
    font-size:13px;
    margin-bottom:7px;
  }

  .ss-input input,
  .ss-input .input{
    height:54px;
    font-size:14px;
    border-radius:12px;
  }

  .ss-password-rules{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    font-size:10px;
  }

  .ss-password-rules span:last-child{
    grid-column:1/-1;
  }

  .ss-terms{
    font-size:12px;
  }

  .ss-create-btn{
    height:57px;
    font-size:16px;
  }

  .ss-existing{
    font-size:13px;
  }

  body:has(.ss-register-page){
    padding-bottom:90px !important;
  }

  body:has(.ss-register-page) .mobile-bottom{
    z-index:9999 !important;
  }

}

@media(max-width:390px){

  .ss-register-hero-inner{
    padding-left:17px;
    padding-right:17px;
  }

  .ss-register-hero h1{
    font-size:42px;
  }

  .ss-register-benefit{
    flex-direction:column;
    align-items:flex-start;
  }

  .ss-register-card{
    padding-left:15px;
    padding-right:15px;
  }

  .ss-register-heading-text h2{
    font-size:21px;
  }

}


/* =========================================================
   STOCKSKILL REGISTER
   FINAL COMPACT MOBILE UI
   Match Login Page proportions
   ========================================================= */

/* ---------- DESKTOP BALANCE ---------- */

.ss-register-page{
  min-height:calc(100vh - 104px) !important;
  background:#f5f8fc !important;
}

.ss-register-hero-inner{
  max-width:1120px !important;
  min-height:360px !important;
  padding:42px 28px 68px !important;
  gap:38px !important;
}

.ss-register-eyebrow{
  font-size:16px !important;
  margin-bottom:16px !important;
  gap:11px !important;
}

.ss-join-icon{
  width:40px !important;
  height:40px !important;
}

.ss-join-icon svg{
  width:21px !important;
  height:21px !important;
}

.ss-register-hero h1{
  font-size:clamp(45px,5vw,64px) !important;
  line-height:.98 !important;
  letter-spacing:-2px !important;
}

.ss-register-copy>p{
  font-size:17px !important;
  line-height:1.42 !important;
  margin:18px 0 25px !important;
}

.ss-register-benefits{
  gap:22px !important;
}

.ss-register-benefit{
  min-width:115px !important;
  gap:9px !important;
}

.ss-benefit{
  width:44px !important;
  height:44px !important;
}

.ss-register-benefit strong{
  font-size:14px !important;
}

.ss-register-benefit small{
  font-size:10px !important;
}

.ss-register-visual{
  width:270px !important;
}

.ss-invest-card{
  height:165px !important;
  padding:23px !important;
  border-radius:23px !important;
}

.ss-invest-text{
  font-size:23px !important;
}

.ss-invest-arrow{
  font-size:60px !important;
}

.ss-register-card-wrap{
  max-width:1120px !important;
  margin:-38px auto 0 !important;
  padding:0 20px 75px !important;
}

.ss-register-card{
  border-radius:27px !important;
  padding:29px 36px 34px !important;
}


/* =========================================================
   MOBILE — IMPORTANT
   Keep page proportional like Login
   ========================================================= */

@media(max-width:760px){

  .ss-register-page{
    min-height:calc(100vh - 104px) !important;
    overflow:hidden !important;
  }

  /* Compact navy hero */
  .ss-register-hero{
    min-height:0 !important;
  }

  .ss-register-hero-inner{
    min-height:0 !important;
    height:auto !important;
    display:block !important;
    padding:32px 18px 60px !important;
  }

  /* JOIN STOCKSKILL */
  .ss-register-eyebrow{
    font-size:15px !important;
    letter-spacing:.07em !important;
    gap:10px !important;
    margin-bottom:17px !important;
  }

  .ss-join-icon{
    width:38px !important;
    height:38px !important;
  }

  .ss-join-icon svg{
    width:20px !important;
    height:20px !important;
  }

  /* Main heading */
  .ss-register-hero h1{
    font-size:42px !important;
    line-height:.98 !important;
    letter-spacing:-1.8px !important;
    margin:0 !important;
  }

  .ss-register-copy>p{
    font-size:16px !important;
    line-height:1.42 !important;
    margin:18px 0 25px !important;
  }

  /* Three benefits in one clean row */
  .ss-register-benefits{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:7px !important;
    width:100% !important;
  }

  .ss-register-benefit{
    min-width:0 !important;
    flex:1 !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
  }

  .ss-benefit{
    width:42px !important;
    height:42px !important;
    flex:none !important;
  }

  .ss-benefit svg{
    width:21px !important;
    height:21px !important;
  }

  .ss-register-benefit strong{
    font-size:12px !important;
    line-height:1.1 !important;
  }

  .ss-register-benefit small{
    display:block !important;
    font-size:9px !important;
    line-height:1.15 !important;
    margin-top:2px !important;
  }

  /* No oversized investment graphic on mobile */
  .ss-register-visual{
    display:none !important;
  }

  /* Registration card starts earlier */
  .ss-register-card-wrap{
    margin:-34px auto 0 !important;
    padding:0 9px 92px !important;
    position:relative !important;
    z-index:20 !important;
  }

  .ss-register-card{
    width:100% !important;
    box-sizing:border-box !important;
    border-radius:26px !important;
    padding:22px 17px 27px !important;
    box-shadow:0 18px 45px rgba(7,30,58,.15) !important;
  }

  /* Card heading */
  .ss-register-heading{
    display:grid !important;
    grid-template-columns:54px 1fr !important;
    gap:10px !important;
    align-items:center !important;
    margin-bottom:18px !important;
  }

  .ss-student-icon{
    width:54px !important;
    height:54px !important;
  }

  .ss-student-icon svg{
    width:27px !important;
    height:27px !important;
  }

  .ss-register-heading-text h2{
    font-size:22px !important;
    line-height:1.08 !important;
    letter-spacing:-.4px !important;
  }

  .ss-register-heading-text p{
    font-size:11px !important;
    line-height:1.3 !important;
    margin-top:4px !important;
  }

  /* Security pill */
  .ss-secure{
    grid-column:1/-1 !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:10px 13px !important;
    min-height:51px !important;
    justify-content:center !important;
    border-radius:35px !important;
  }

  .ss-secure>span{
    width:35px !important;
    height:35px !important;
  }

  .ss-secure svg{
    width:21px !important;
    height:21px !important;
  }

  .ss-secure strong{
    font-size:14px !important;
  }

  .ss-secure small{
    font-size:10px !important;
  }

  /* Form */
  .ss-register-form{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .ss-field label{
    font-size:12px !important;
    margin-bottom:6px !important;
  }

  .ss-input input,
  .ss-input .input{
    height:52px !important;
    min-height:52px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  .ss-input>svg{
    width:20px !important;
    height:20px !important;
    left:16px !important;
  }

  .ss-input input{
    padding-left:49px !important;
    padding-right:48px !important;
  }

  .ss-eye{
    right:11px !important;
  }

  .ss-eye svg{
    width:20px !important;
    height:20px !important;
  }

  /* Password rules */
  .ss-password-rules{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:4px 10px !important;
    margin-top:6px !important;
    font-size:9px !important;
  }

  .ss-password-rules b{
    width:15px !important;
    height:15px !important;
    margin-right:2px !important;
  }

  /* Terms */
  .ss-terms{
    font-size:11px !important;
    line-height:1.4 !important;
    gap:8px !important;
  }

  .ss-terms input{
    width:17px !important;
    height:17px !important;
  }

  /* Create button */
  .ss-create-btn{
    height:55px !important;
    min-height:55px !important;
    border-radius:13px !important;
    font-size:16px !important;
    gap:12px !important;
  }

  .ss-create-btn b{
    font-size:23px !important;
  }

  .ss-or{
    margin:21px 0 12px !important;
  }

  .ss-existing{
    font-size:12px !important;
  }

}


/* ---------- SMALL MOBILE ---------- */

@media(max-width:390px){

  .ss-register-hero-inner{
    padding:29px 16px 56px !important;
  }

  .ss-register-eyebrow{
    font-size:14px !important;
  }

  .ss-join-icon{
    width:36px !important;
    height:36px !important;
  }

  .ss-register-hero h1{
    font-size:39px !important;
    letter-spacing:-1.5px !important;
  }

  .ss-register-copy>p{
    font-size:15px !important;
    margin:16px 0 22px !important;
  }

  .ss-register-benefit{
    gap:5px !important;
  }

  .ss-benefit{
    width:39px !important;
    height:39px !important;
  }

  .ss-register-benefit strong{
    font-size:11px !important;
  }

  .ss-register-benefit small{
    font-size:8px !important;
  }

  .ss-register-card-wrap{
    margin:-31px auto 0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .ss-register-card{
    padding:20px 15px 25px !important;
    border-radius:24px !important;
  }

  .ss-register-heading-text h2{
    font-size:21px !important;
  }

}


/* =========================================================
   DO NOT LET LOGIN / HEADER / NAV BE AFFECTED
   ========================================================= */

body:has(.ss-register-page) .mobile-bottom{
  z-index:9999 !important;
}

body:has(.ss-register-page) .floating-contact{
  z-index:10000 !important;
}


/* =========================================================
   STOCKSKILL REGISTER
   FINAL EXACT-PROPORTION SIZE FIX
   DO NOT MODIFY LOGIN PAGE
   ========================================================= */

/* =========================================================
   DESKTOP
   ========================================================= */

.ss-register-page{
  font-size:16px !important;
}

.ss-register-hero-inner{
  max-width:1120px !important;
  min-height:365px !important;
  padding:40px 28px 65px !important;
  gap:35px !important;
}

.ss-register-eyebrow{
  font-size:16px !important;
  margin-bottom:15px !important;
}

.ss-join-icon{
  width:39px !important;
  height:39px !important;
}

.ss-register-hero h1{
  font-size:62px !important;
  line-height:.97 !important;
  letter-spacing:-2.2px !important;
}

.ss-register-copy>p{
  font-size:17px !important;
  margin:18px 0 25px !important;
}

.ss-register-benefits{
  gap:22px !important;
}

.ss-benefit{
  width:43px !important;
  height:43px !important;
}

.ss-register-benefit strong{
  font-size:13px !important;
}

.ss-register-benefit small{
  font-size:10px !important;
}

.ss-register-visual{
  width:265px !important;
}

.ss-invest-card{
  height:160px !important;
  border-radius:22px !important;
  padding:22px !important;
}

.ss-invest-text{
  font-size:22px !important;
}

.ss-invest-arrow{
  font-size:58px !important;
}

.ss-register-card-wrap{
  max-width:1120px !important;
  margin:-36px auto 0 !important;
  padding:0 20px 75px !important;
}

.ss-register-card{
  border-radius:27px !important;
  padding:28px 38px 34px !important;
}

.ss-register-heading{
  margin-bottom:23px !important;
}

.ss-student-icon{
  width:64px !important;
  height:64px !important;
}

.ss-register-heading-text h2{
  font-size:27px !important;
}

.ss-register-heading-text p{
  font-size:14px !important;
}

.ss-secure{
  padding:10px 16px !important;
}

.ss-register-form{
  gap:16px 20px !important;
}

.ss-field label{
  font-size:13px !important;
  margin-bottom:6px !important;
}

.ss-input input,
.ss-input .input{
  height:53px !important;
  min-height:53px !important;
  font-size:15px !important;
}

.ss-create-btn{
  height:56px !important;
  min-height:56px !important;
  font-size:17px !important;
}


/* =========================================================
   MOBILE — MATCH APPROVED LOGIN PROPORTION
   ========================================================= */

@media(max-width:760px){

  /* ---------- HERO ---------- */

  .ss-register-hero-inner{
    min-height:0 !important;
    height:auto !important;
    padding:30px 17px 57px !important;
  }

  .ss-register-eyebrow{
    font-size:14px !important;
    line-height:1 !important;
    gap:9px !important;
    margin-bottom:16px !important;
  }

  .ss-join-icon{
    width:37px !important;
    height:37px !important;
    flex:none !important;
  }

  .ss-join-icon svg{
    width:19px !important;
    height:19px !important;
  }

  /* EXACT COMPACT HEADING */
  .ss-register-hero h1{
    font-size:40px !important;
    line-height:.98 !important;
    letter-spacing:-1.7px !important;
    margin:0 !important;
  }

  .ss-register-copy>p{
    font-size:15px !important;
    line-height:1.4 !important;
    margin:17px 0 23px !important;
  }

  /* ---------- BENEFITS ---------- */

  .ss-register-benefits{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:4px !important;
  }

  .ss-register-benefit{
    min-width:0 !important;
    flex:1 !important;
    gap:6px !important;
    align-items:center !important;
  }

  .ss-benefit{
    width:40px !important;
    height:40px !important;
    flex:none !important;
  }

  .ss-benefit svg{
    width:20px !important;
    height:20px !important;
  }

  .ss-register-benefit strong{
    font-size:11px !important;
    line-height:1.05 !important;
  }

  .ss-register-benefit small{
    font-size:8px !important;
    line-height:1.1 !important;
    margin-top:2px !important;
  }


  /* ---------- HIDE LARGE DESKTOP GRAPHIC ---------- */

  .ss-register-visual{
    display:none !important;
  }


  /* ---------- CARD ---------- */

  .ss-register-card-wrap{
    max-width:none !important;
    width:100% !important;
    margin:-31px auto 0 !important;
    padding:0 8px 92px !important;
    box-sizing:border-box !important;
  }

  .ss-register-card{
    width:100% !important;
    box-sizing:border-box !important;
    padding:20px 15px 25px !important;
    border-radius:24px !important;
    box-shadow:0 17px 42px rgba(7,30,58,.15) !important;
  }


  /* ---------- CARD HEADER ---------- */

  .ss-register-heading{
    display:grid !important;
    grid-template-columns:52px 1fr !important;
    gap:9px !important;
    align-items:center !important;
    margin-bottom:17px !important;
  }

  .ss-student-icon{
    width:52px !important;
    height:52px !important;
  }

  .ss-student-icon svg{
    width:26px !important;
    height:26px !important;
  }

  .ss-register-heading-text{
    min-width:0 !important;
  }

  .ss-register-heading-text h2{
    font-size:21px !important;
    line-height:1.05 !important;
    letter-spacing:-.35px !important;
    white-space:nowrap !important;
  }

  .ss-register-heading-text p{
    font-size:10px !important;
    line-height:1.25 !important;
    margin-top:4px !important;
  }


  /* ---------- SECURITY ---------- */

  .ss-secure{
    grid-column:1/-1 !important;
    width:100% !important;
    min-height:49px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:8px 12px !important;
    justify-content:center !important;
    border-radius:30px !important;
  }

  .ss-secure>span{
    width:34px !important;
    height:34px !important;
  }

  .ss-secure svg{
    width:20px !important;
    height:20px !important;
  }

  .ss-secure strong{
    font-size:14px !important;
    line-height:1 !important;
  }

  .ss-secure small{
    font-size:9px !important;
    margin-top:3px !important;
  }


  /* ---------- FORM ---------- */

  .ss-register-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
  }

  .ss-field{
    min-width:0 !important;
  }

  .ss-field label{
    font-size:12px !important;
    line-height:1 !important;
    margin-bottom:6px !important;
  }

  .ss-input{
    width:100% !important;
  }

  .ss-input input,
  .ss-input .input{
    width:100% !important;
    height:50px !important;
    min-height:50px !important;
    border-radius:11px !important;
    box-sizing:border-box !important;
    font-size:13px !important;
    padding-left:47px !important;
    padding-right:45px !important;
  }

  .ss-input>svg{
    width:19px !important;
    height:19px !important;
    left:15px !important;
  }

  .ss-eye{
    right:9px !important;
    padding:5px !important;
  }

  .ss-eye svg{
    width:19px !important;
    height:19px !important;
  }


  /* ---------- PASSWORD RULES ---------- */

  .ss-password-rules{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:4px 9px !important;
    margin-top:5px !important;
    font-size:8px !important;
  }

  .ss-password-rules b{
    width:14px !important;
    height:14px !important;
    font-size:9px !important;
    margin-right:2px !important;
  }


  /* ---------- TERMS ---------- */

  .ss-terms{
    display:flex !important;
    align-items:flex-start !important;
    gap:7px !important;
    margin:1px 0 !important;
    font-size:10px !important;
    line-height:1.35 !important;
  }

  .ss-terms input{
    width:16px !important;
    height:16px !important;
    margin-top:1px !important;
    flex:none !important;
  }


  /* ---------- CREATE ACCOUNT ---------- */

  .ss-create-btn{
    width:100% !important;
    height:53px !important;
    min-height:53px !important;
    border-radius:12px !important;
    font-size:15px !important;
    gap:11px !important;
  }

  .ss-create-btn b{
    font-size:22px !important;
  }


  /* ---------- OR / LOGIN ---------- */

  .ss-or{
    gap:11px !important;
    margin:19px 0 11px !important;
  }

  .ss-or b{
    font-size:10px !important;
  }

  .ss-existing{
    font-size:11px !important;
    line-height:1.3 !important;
  }


  /* ---------- KEEP MOBILE NAV / CONTACT ABOVE CARD ---------- */

  body:has(.ss-register-page) .floating-contact{
    z-index:10000 !important;
  }

  body:has(.ss-register-page) .mobile-bottom{
    z-index:9999 !important;
  }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media(max-width:390px){

  .ss-register-hero-inner{
    padding:27px 15px 53px !important;
  }

  .ss-register-hero h1{
    font-size:37px !important;
    letter-spacing:-1.5px !important;
  }

  .ss-register-copy>p{
    font-size:14px !important;
    margin:15px 0 21px !important;
  }

  .ss-benefit{
    width:38px !important;
    height:38px !important;
  }

  .ss-register-benefit strong{
    font-size:10px !important;
  }

  .ss-register-benefit small{
    font-size:7px !important;
  }

  .ss-register-card-wrap{
    margin:-29px auto 0 !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .ss-register-card{
    padding:19px 14px 23px !important;
  }

  .ss-register-heading-text h2{
    font-size:20px !important;
  }

}


/* =========================================================
   IMPORTANT:
   REGISTER ONLY — LOGIN IS UNTOUCHED
   ========================================================= */

body:has(.ss-login-page) .ss-register-page{
  display:initial;
}


/* StockSkill — Learning Blog CTA
   Scoped only to the Learning Resources CTA. */
.ss-all-blog-cta {
  position: relative;
  z-index: 5;
  pointer-events: auto !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}