:root{--navy:#0b243d;--navy2:#143955;--ink:#1a2d43;--muted:#748398;--line:#e5ebf1;--paper:#f7f9fc;--mint:#24bcae;--mint2:#dcf9f3;--gold:#ecb35d;--white:#fff;--shadow:0 12px 48px rgba(21,53,78,.075);--radius:18px;--ring:0 0 0 4px rgba(36,188,174,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Cairo,'DM Sans',system-ui,sans-serif;font-size:15px;line-height:1.75}body.en{font-family:'DM Sans',Cairo,sans-serif}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.43}::selection{background:#baf2e9;color:#113b4d}
.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.page{min-height:65vh}.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.17em;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:800}.tag{font-family:'DM Sans',Cairo,sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;border-radius:100px;padding:5px 11px;background:#edf3f6;color:#4b6075;white-space:nowrap}.tag.mint{background:var(--mint2);color:#118679}.tag.navy{background:#e9f0f8;color:#234569}.tag.gold{background:#fff0d7;color:#a06e22}.tag.white{background:rgba(255,255,255,.14);color:#fff}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:6px 13px;font-size:12px;color:#627488;background:#fff}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:11px;font-weight:800;font-size:13px;padding:12px 20px;min-height:46px;transition:transform .18s,background .18s,box-shadow .18s;text-align:center;line-height:1.5}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--mint);color:#082a37;box-shadow:0 7px 21px rgba(36,188,174,.18)}.btn-primary:hover{background:#30cfbd}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:#1f415d}.btn-outline{border:1px solid #ccd8e2;background:#fff;color:var(--navy)}.btn-ghost{background:transparent;color:inherit}.btn-white{background:#fff;color:var(--navy)}.btn-sm{min-height:36px;padding:8px 13px;font-size:12px}.btn-danger{background:#fff0ee;color:#c14740}.btn svg,.icon svg,.mini-icon svg{height:18px;width:18px;stroke-width:1.9;flex-shrink:0}.icon{display:inline-flex;align-items:center;justify-content:center}.icon.lg svg{width:26px;height:26px}.icon.xl svg{width:36px;height:36px}.inline-icon{display:inline-flex;vertical-align:middle;margin-inline:3px}
.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e9edf2}.header-inner{height:77px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--navy);color:#fff;box-shadow:0 6px 17px rgba(8,38,62,.13);position:relative;font-family:'DM Sans';font-size:28px;font-weight:800}.brand-logo:after{content:'';width:8px;height:8px;background:var(--mint);position:absolute;bottom:8px;right:8px;border-radius:50%}.brand-title{display:block;line-height:1.1;font-size:16px;font-weight:800;font-family:'DM Sans',Cairo,sans-serif;letter-spacing:-.35px}.brand-sub{display:block;font-size:10px;font-family:'DM Sans',sans-serif;color:var(--muted);letter-spacing:.15em;font-weight:700;margin-top:5px}.nav{display:flex;align-items:center;gap:29px;margin-inline:auto}.nav a{font-size:12px;font-weight:800;color:#607286;padding-block:27px;position:relative}.nav a:hover,.nav a.active{color:var(--navy)}.nav a.active:after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;border-radius:4px;background:var(--mint)}.header-actions{display:flex;align-items:center;gap:10px}.lang{font-family:'DM Sans';min-width:41px;padding:7px 9px;border-radius:8px;background:#f0f5f7;border:1px solid #e1e9ee;font-size:11px;font-weight:800;color:#40596e}.menu-toggle{display:none;background:#eef4f7;border:0;padding:9px;border-radius:9px}.mobile-nav{display:none}.footer{background:#092238;color:#d6e4ed;padding:65px 0 21px;margin-top:78px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:45px}.footer .brand-logo{background:#173e59}.footer h4{color:#fff;font-size:13px;margin-bottom:16px}.footer p{font-size:12px;color:#a5b9c7;max-width:310px;line-height:2.1;margin-top:17px}.footer-links{display:grid;gap:12px}.footer-links a{font-size:12px;color:#a5b9c7}.footer-links a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #244458;padding-top:18px;margin-top:45px;display:flex;justify-content:space-between;color:#96b0c0;font-size:11px;gap:20px;flex-wrap:wrap}
.hero{background:var(--navy);position:relative;overflow:hidden;color:#fff;isolation:isolate}.hero:before{content:'';position:absolute;inset:-20% auto auto -5%;width:60%;height:130%;background:radial-gradient(ellipse at center,rgba(28,106,130,.3),transparent 64%);z-index:-1}.hero:after{content:'';position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#b9e2e9 .7px,transparent .7px);background-size:22px 22px;z-index:-1;mask-image:linear-gradient(to right,#000,transparent 80%)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;min-height:571px;padding:60px 0 68px}.hero-title{font-size:clamp(35px,4.1vw,61px);font-weight:800;line-height:1.49;letter-spacing:-1px;max-width:640px;margin-top:19px}.hero-title em{font-style:normal;color:#5ce0d0}.hero-desc{color:#b5ccda;max-width:550px;line-height:2.15;font-size:14px;margin-top:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:34px;color:#c3d3de;font-size:11px}.avatars{display:flex;flex-direction:row-reverse;padding-left:8px}.avatar{display:grid;place-items:center;border:2px solid var(--navy);width:32px;height:32px;border-radius:50%;margin-left:-8px;font-size:11px;font-family:'DM Sans';font-weight:800}.avatar:nth-child(1){background:#eed5bd;color:#643b2c}.avatar:nth-child(2){background:#c5e0ff;color:#224b7c}.avatar:nth-child(3){background:#c6eedb;color:#285b3b}.avatar:nth-child(4){background:#f5d4e6;color:#8e3160}.hero-visual{position:relative;min-height:410px}.floating-board{position:absolute;inset:18px 0 15px 20px;background:#fff;border-radius:23px;box-shadow:0 30px 70px rgba(0,0,0,.21);color:var(--ink);transform:rotate(-2deg);padding:22px;overflow:visible}.board-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.board-circles{display:flex;gap:5px}.board-circles i{width:7px;height:7px;display:block;border-radius:50%;background:#dde6ed}.board-circles i:first-child{background:#45cbb9}.board-body{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.board-course{border-radius:14px;padding:17px;background:linear-gradient(145deg,#e2f8f3,#d5f0f1);height:145px;position:relative;overflow:hidden}.board-course.second{background:linear-gradient(145deg,#e5e8ff,#dce9f5)}.board-course .cover-letter{position:absolute;font-size:115px;bottom:-55px;left:-3px;color:rgba(21,89,100,.09);font-family:'DM Sans';font-weight:800}.board-course b{font:800 15px 'DM Sans';position:relative;z-index:1}.board-course small{display:block;font-size:10px;margin-top:7px;color:#54737a;position:relative;z-index:1}.board-rings{display:flex;gap:14px;margin-top:15px}.board-ring{flex:1;border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;align-items:center;gap:10px}.ring-icon{background:#d9f9f1;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#139c87}.board-ring b{display:block;line-height:1.3;font-size:17px;font-family:'DM Sans'}.board-ring span:last-child{display:block;font-size:10px;color:var(--muted);margin-top:2px}.float-note{position:absolute;z-index:3;box-shadow:0 14px 34px #071a3350;border-radius:13px;background:#fff;color:#1a3449;padding:12px 15px;display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.5}.float-note b{display:block;font:800 12px 'DM Sans',Cairo}.float-note span{display:block;color:#8294a3;font-size:10px}.float-note.one{top:9px;left:-38px;transform:rotate(3deg)}.float-note.two{bottom:-5px;right:-20px;transform:rotate(3deg)}.float-note .badge-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#dff8f2;color:#168e7e}.float-note.two .badge-icon{background:#fff4d8;color:#ba831c}
.section{padding:79px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-title{font-size:clamp(24px,2.5vw,33px);font-weight:800;margin-top:5px;letter-spacing:-.4px}.section-sub{font-size:13px;color:var(--muted);margin-top:10px;max-width:640px}.text-link{color:#118b7f;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.text-link:hover{color:#115d58}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-42px;position:relative;z-index:4}.feature-card{background:#fff;border:1px solid #e6eef3;border-radius:16px;padding:23px;display:flex;align-items:center;gap:17px;box-shadow:var(--shadow)}.feature-ico{width:51px;height:51px;flex:0 0 51px;border-radius:14px;display:grid;place-items:center;background:#e5f7f4;color:#119b89}.feature-card:nth-child(2) .feature-ico{background:#fff2df;color:#cb9141}.feature-card:nth-child(3) .feature-ico{background:#e8edfd;color:#526ec2}.feature-card h3{font-size:14px;font-weight:800}.feature-card p{font-size:11px;color:var(--muted);margin-top:5px}
.courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.course-card{background:#fff;border:1px solid #e4ebf1;border-radius:17px;overflow:hidden;transition:box-shadow .2s,transform .2s;box-shadow:0 5px 22px rgba(12,47,74,.025)}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.course-cover{min-height:172px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff}.course-cover:after{content:'';position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:-50px;bottom:-145px;box-shadow:0 0 0 35px rgba(255,255,255,.045),0 0 0 73px rgba(255,255,255,.035)}.course-cover .cover-mark{font:900 clamp(55px,7vw,85px) 'DM Sans',sans-serif;opacity:.85;letter-spacing:-6px;z-index:1}.course-cover .cover-topic{font:700 12px 'DM Sans',sans-serif;position:absolute;bottom:13px;left:19px;letter-spacing:.11em;opacity:.76}.course-cover .cover-chip{position:absolute;top:15px;right:15px;z-index:2}.course-body{padding:21px}.course-kicker{font-size:11px;font-weight:800;color:#11a69a;font-family:'DM Sans',Cairo}.course-body h3{font-size:17px;font-weight:800;margin-top:6px;min-height:51px}.course-body p{font-size:12px;color:var(--muted);min-height:48px;line-height:1.9;margin-top:8px}.course-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:19px}.course-meta{display:flex;align-items:center;gap:11px;font:700 11px 'DM Sans',Cairo;color:#718394}.course-meta span{display:inline-flex;align-items:center;gap:4px}.course-bottom .btn{min-height:36px;padding:7px 12px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-block:23px}.filter{border:1px solid var(--line);background:#fff;color:#728295;border-radius:40px;padding:9px 15px;font-size:12px;font-weight:800}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.search-row{display:flex;gap:10px;align-items:center;margin-top:15px}.search-box{border:1px solid var(--line);background:#fff;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 13px;flex:1}.search-box input{width:100%;border:0;outline:0;padding:13px 1px;background:transparent;font-size:13px;color:var(--ink)}
.dark-band{background:#102f49;color:#fff;border-radius:23px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.dark-band:before{content:'';position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-75px;top:-140px;box-shadow:0 0 0 40px rgba(255,255,255,.035),0 0 0 85px rgba(255,255,255,.025)}.dark-band h2{font-size:25px;max-width:660px}.dark-band p{margin-top:9px;font-size:12px;color:#a8c7d5}.dark-band>*{position:relative;z-index:1}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.step-card{background:#fff;padding:27px;border:1px solid var(--line);border-radius:16px}.step-number{font:800 36px 'DM Sans';color:#c3e9e6}.step-card h3{font-size:15px;margin-top:15px}.step-card p{font-size:12px;color:var(--muted);margin-top:10px;line-height:2}.testimonial-lite{border:1px solid #dfebe8;background:#effaf7;border-radius:20px;padding:30px 38px;display:flex;gap:20px;align-items:center}.testimonial-lite p{font-size:14px;line-height:2}.testimonial-lite .icon{color:#11a692}
.inner-hero{background:#0c2841;color:#fff;padding:54px 0 51px;position:relative;overflow:hidden}.inner-hero:after{content:'';position:absolute;top:-200px;left:6%;width:540px;height:540px;border:1px solid rgba(255,255,255,.065);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.017)}.inner-hero .container{position:relative;z-index:1}.inner-hero h1{font-size:clamp(26px,3vw,38px);margin-top:8px}.inner-hero p{font-size:13px;color:#b1c9d5;margin-top:12px;max-width:780px}.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#c2d7df;font-size:11px;margin-bottom:12px}.breadcrumbs a:hover{color:var(--mint)}.empty{padding:55px 25px;background:#fff;border:1px dashed #cbdadf;border-radius:16px;text-align:center;color:var(--muted)}.empty .icon{background:#e8f6f4;padding:15px;color:#17a693;border-radius:18px;margin-bottom:17px}.empty h3{color:var(--ink);font-size:16px}.empty p{font-size:12px;margin:8px auto 18px;max-width:450px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(250px,.86fr);gap:29px;padding-top:39px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:0 4px 14px rgba(14,44,67,.02)}.panel+.panel{margin-top:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px;font-weight:800;margin-bottom:17px}.panel p{font-size:13px;color:#64788b;line-height:2}.outcome-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.outcome-list li{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#495f72}.outcome-list .icon{color:#12ab9b;margin-top:2px}.lesson-item{width:100%;display:flex;align-items:center;gap:14px;padding:15px 10px;border:0;border-top:1px solid var(--line);background:transparent;text-align:start;color:var(--ink)}.lesson-item:hover{background:#f8fbfc}.lesson-count{font:800 12px 'DM Sans';background:#e7f2f1;color:#158b82;border-radius:9px;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px}.lesson-item strong{display:block;font-size:12px}.lesson-item small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.lesson-item .last{margin-inline-start:auto;color:#7a8c9f}.detail-side{position:sticky;top:104px;align-self:start}.detail-side .course-cover{border-radius:13px;margin-bottom:18px}.price-line{font-weight:800;font-size:23px;color:#108f82}.side-info{display:grid;gap:12px;padding-block:18px;margin-block:14px;border-block:1px solid var(--line)}.side-info>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#60778a}.side-info b{margin-inline-start:auto;color:#17324b}.progress-track{height:8px;border-radius:100px;background:#e7eff2;overflow:hidden}.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#1fcab1,#56dfbd);transition:width .25s}.progress-label{display:flex;justify-content:space-between;color:#718598;font-size:11px;margin-top:8px}
.learn-grid{display:grid;grid-template-columns:minmax(0,1.65fr) 315px;gap:23px;padding-top:34px;align-items:start}.player{background:#0a1e31;border-radius:18px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center;color:#d6eef4}.player iframe{display:block;width:100%;height:100%;border:0}.player-placeholder{padding:30px;text-align:center}.player-placeholder .icon{width:70px;height:70px;border:1px solid #346078;background:#17394e;border-radius:100px;color:#4edccb;margin-bottom:17px}.player-placeholder .icon svg{width:30px;height:30px}.player-placeholder p{color:#9bb9c7;font-size:12px;margin-top:7px}.article-body{color:#415b70;font-size:14px;line-height:2.3}.article-body p+p{margin-top:14px}.article-body h3{font-size:17px;margin:20px 0 9px;color:var(--navy)}.learn-sidebar{position:sticky;top:104px}.learn-sidebar .panel{padding:18px}.lesson-side-link{display:flex;gap:10px;align-items:center;border:1px solid transparent;border-radius:10px;padding:11px;color:#597086;font-size:12px}.lesson-side-link.active{background:#eaf8f5;color:#0a796f;border-color:#d9f2eb}.lesson-side-link .icon{flex-shrink:0}.lesson-side-link b{font-weight:700}.quiz-question{font-size:18px;font-weight:800;margin-bottom:18px;line-height:1.7}.quiz-options{display:grid;gap:11px}.quiz-option{padding:14px 15px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;text-align:start;display:flex;align-items:center;gap:11px;font-weight:700;font-size:13px;color:#425c70;transition:border .2s,background .2s}.quiz-option:not(:disabled):hover{border-color:var(--mint);background:#f2faf8}.quiz-option .letter{background:#eef3f6;color:#647989;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;font:800 11px 'DM Sans'}.quiz-option.correct{border-color:#21b799;background:#ecfbf5;color:#117b64}.quiz-option.wrong{border-color:#e99b94;background:#fff2ef;color:#a94b41}.quiz-option.correct .letter{background:#bdf0de;color:#077b60}.quiz-option.wrong .letter{background:#ffd6ce;color:#a84a41}.feedback{margin-top:17px;padding:15px;border:1px solid #d2ebdf;background:#ecfaf2;color:#1c775d;border-radius:10px;font-size:12px}.feedback.wrong{background:#fff4ed;border-color:#f0ded2;color:#9f5c43}.quiz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quiz-head .progress-track{flex:1;margin-inline-end:15px}.quiz-result{text-align:center;padding:20px}.result-score{font:800 61px 'DM Sans';color:#0ea895}.result-score span{font-size:22px;color:#93aaa8}.quiz-result p{margin:10px 0 23px}.resources-list{display:grid;gap:12px}.resource-item{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:11px}.resource-ico{width:39px;height:39px;background:#f1f5ff;border-radius:9px;display:grid;place-items:center;color:#677ec1;flex-shrink:0}.resource-item b{display:block;font-size:12px}.resource-item small{display:block;color:var(--muted);font-size:10px}.resource-item .btn{margin-inline-start:auto}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.85fr);gap:24px;padding-top:32px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat .icon{color:#14ad9f;margin-bottom:10px}.stat b{font:800 29px 'DM Sans';display:block}.stat span{font-size:11px;color:var(--muted)}.mini-course{background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;gap:13px;align-items:center;padding:12px;margin-bottom:12px}.mini-cover{width:78px;height:70px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:white;font:800 25px 'DM Sans'}.mini-course h3{font-size:12px}.mini-course p{font-size:11px;color:var(--muted);margin:4px 0}.mini-course .last{margin-inline-start:auto;flex-shrink:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:800;color:#42576b}.field input,.field select,.field textarea,.field .file-input{width:100%;border:1px solid #d8e4e9;background:#fff;border-radius:10px;padding:11px 13px;color:var(--ink);outline:none;font-size:13px;min-height:43px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint);box-shadow:var(--ring)}.field textarea{min-height:105px;resize:vertical;line-height:1.9}.field small{color:var(--muted);font-size:10px}.field.full{grid-column:1/-1}.check-row{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.check-row input{width:17px;height:17px;accent-color:var(--mint)}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.admin-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:26px;padding-top:30px}.admin-nav{position:sticky;top:103px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.admin-nav button{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#65798c;font-size:12px;font-weight:800;padding:13px;border-radius:9px;width:100%;text-align:start}.admin-nav button.active{background:#e9f9f4;color:#0e8e7f}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.admin-head h2{font-size:21px}.admin-notice{background:#fff7e8;border:1px solid #f2dfb6;color:#906e32;font-size:12px;padding:13px 16px;border-radius:10px;margin-bottom:17px}.admin-table{width:100%;border-collapse:collapse;text-align:start}.admin-table th{color:#81909f;background:#f7fafb;font-size:10px;letter-spacing:.05em;padding:12px}.admin-table td{font-size:12px;border-bottom:1px solid var(--line);padding:13px 12px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.subnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:21px}.subnav .filter{padding:6px 11px}.question-editor{border:1px solid #dce7eb;background:#f9fbfc;padding:16px;border-radius:12px;margin-bottom:12px}.question-editor h4{font-size:13px;margin-bottom:12px}.warning{padding:11px 14px;background:#fff8e8;border:1px solid #f5e2b0;color:#946c2f;border-radius:10px;font-size:12px}.notice{padding:12px 14px;background:#e9faf5;color:#0e8276;border:1px solid #c7efe1;border-radius:10px;font-size:12px}
.modal-wrap{position:fixed;inset:0;background:#071a2f99;z-index:100;display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.modal{width:min(490px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:31px;position:relative;box-shadow:0 25px 80px #001b3366}.modal h2{font-size:22px;margin-bottom:7px}.modal p{font-size:12px;color:var(--muted);margin-bottom:19px}.modal-close{position:absolute;top:16px;left:16px;background:#edf3f5;border:0;border-radius:9px;width:33px;height:33px;display:grid;place-items:center}.toast{position:fixed;bottom:20px;left:20px;z-index:200;background:#12364d;color:#fff;box-shadow:0 16px 45px #0b243d40;border-radius:12px;padding:13px 20px;font-size:12px;opacity:0;transform:translateY(18px);transition:opacity .2s,transform .2s;pointer-events:none;max-width:min(90vw,430px)}.toast.show{opacity:1;transform:translateY(0)}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:14px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #d6e6e9;border-top-color:var(--mint);margin:auto;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:12px}.gap-3{gap:18px}.mt-1{margin-top:9px}.mt-2{margin-top:17px}.mt-3{margin-top:26px}.mt-4{margin-top:37px}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:800}.w-full{width:100%}.hidden{display:none!important}.ar-text{font-family:Cairo}.en-text{font-family:'DM Sans',sans-serif;direction:ltr;unicode-bidi:plaintext}.text-center{text-align:center}.divider{height:1px;background:var(--line);margin:20px 0}.badge-row{display:flex;gap:7px;flex-wrap:wrap}.text-green{color:#0b9d90}.safe-link{word-break:break-all}
@media(max-width:1080px){.nav{gap:16px}.hero-grid{gap:25px}.floating-board{left:12px}.float-note.one{left:-10px}.course-body h3{font-size:15px}.footer-grid{gap:26px}}
@media(max-width:860px){.container{width:min(100% - 36px,680px)}.header-inner{height:68px;gap:12px}.nav{display:none}.header-actions{margin-inline-start:auto}.header-actions .hide-mobile{display:none}.menu-toggle{display:grid;place-items:center}.mobile-nav{display:grid;border-top:1px solid var(--line);background:#fff;padding:8px 18px 16px;gap:4px}.mobile-nav a{padding:11px;border-radius:8px;font-size:13px;font-weight:800;color:#5f7588}.mobile-nav a.active{background:#e9f8f4;color:#0b8779}.hero-grid{grid-template-columns:1fr;gap:0;padding:48px 0 80px}.hero-title{max-width:670px}.hero-visual{max-width:560px;width:95%;margin:31px auto 0}.features{grid-template-columns:1fr 1fr;margin-top:-47px}.features .feature-card:last-child{grid-column:1/-1}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.learn-grid,.dashboard-grid{grid-template-columns:1fr}.detail-side,.learn-sidebar{position:static}.admin-layout{grid-template-columns:1fr}.admin-nav{position:static;display:flex;overflow-x:auto;gap:6px}.admin-nav button{white-space:nowrap;width:auto;padding:9px 11px}.section{padding-top:61px}}
@media(max-width:590px){body{font-size:13px}.container{width:calc(100% - 32px)}.brand-title{font-size:13px}.brand-sub{font-size:8px;letter-spacing:.11em}.brand-logo{width:37px;height:37px;font-size:23px}.hero-grid{padding-top:37px;padding-bottom:64px}.hero-title{font-size:34px;line-height:1.5}.hero-desc{font-size:12px}.hero-visual{min-height:320px;width:100%}.floating-board{inset:15px 0 8px 9px;padding:15px}.board-course{height:120px;padding:12px}.board-course b{font-size:12px}.board-ring{padding:9px;gap:7px}.board-ring .ring-icon{width:28px;height:28px}.board-ring .ring-icon svg{width:15px;height:15px}.board-ring b{font-size:13px}.float-note.one{top:3px;left:0}.float-note.two{right:0;bottom:-11px}.float-note{padding:8px 10px}.float-note .badge-icon{height:30px;width:30px}.features{grid-template-columns:1fr;gap:10px}.features .feature-card:last-child{grid-column:auto}.feature-card{padding:16px}.section-head{align-items:start;flex-direction:column;margin-bottom:20px}.section-title{font-size:23px}.courses-grid,.step-grid{grid-template-columns:1fr}.course-cover{min-height:185px}.course-body h3,.course-body p{min-height:auto}.dark-band{padding:28px 23px;flex-direction:column;align-items:start}.dark-band h2{font-size:20px}.inner-hero{padding:34px 0}.panel{padding:19px}.outcome-list,.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat{padding:11px}.stat b{font-size:21px}.stat .icon svg{width:16px}.stat span{font-size:9px}.footer{padding-top:49px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.modal{padding:25px 20px}.testimonial-lite{padding:23px;align-items:start}.learn-grid{gap:14px}.detail-grid{gap:15px}.btn{padding:11px 13px}.admin-head{align-items:start;flex-direction:column}.admin-table{min-width:580px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* IGCSE MAGIC brand monogram */
.brand-logo{font-size:17px;letter-spacing:-1px;line-height:1;font-weight:800}
@media(max-width:590px){.brand-logo{font-size:15px}}

/* Protected study viewer: deterrence only; browser content can still be captured externally. */
body.viewer-open{overflow:hidden}
.protected-viewer{position:fixed;inset:0;z-index:10050;background:rgba(8,23,37,.98);display:flex;flex-direction:column;color:#fff}
.protected-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 22px;background:#0b243d;border-bottom:1px solid #3e5264}
.protected-top strong{font-size:16px;flex:1}.protected-top small{font-size:11px;color:#c8d8e6}
.protected-content{flex:1;overflow:auto;padding:24px 16px 48px;overscroll-behavior:contain}
.protected-inner{position:relative;max-width:1040px;min-height:50vh;margin:auto;padding:14px;isolation:isolate;background:#142c41;border-radius:12px;overflow:hidden;user-select:none;-webkit-user-select:none}
.protected-canvas-wrap,.protected-image,.protected-text{position:relative;display:block;margin:0 auto;z-index:1;max-width:100%}
.protected-canvas{display:block;width:100%;height:auto;max-width:830px;margin:12px auto;box-shadow:0 4px 25px rgba(0,0,0,.3)}
.protected-image{max-height:78vh;object-fit:contain;pointer-events:none}
.protected-text{padding:36px 22px;white-space:pre-wrap;background:#fff;color:#17344d;border-radius:6px;font-size:17px;line-height:2}
.protected-pager{display:flex;align-items:center;gap:14px;justify-content:center}
.protected-watermark{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:.28;color:#b42339;font-size:22px;font-weight:800;line-height:6;letter-spacing:1px;transform:rotate(-25deg) scale(1.15);text-align:center;word-break:break-all;padding:8px}
@media(max-width:650px){.protected-top{padding:9px}.protected-top small{width:100%;order:3}.protected-content{padding:8px}.protected-watermark{font-size:14px}}
@media print{.protected-viewer,.protected-content,.protected-inner{display:none!important}}

/* IGCSE MAGIC V6 — Guided Reading / Step-by-Step Practice */
.v6-track{margin-top:22px}.v6-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.v6-section-heading .panel-title{margin:4px 0}.v6-unit-row{display:flex;align-items:center;gap:14px;padding:15px 5px;border-top:1px solid #e6edf2}.v6-step-index{min-width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf4fa;color:#1e5371;font-size:14px;font-weight:800}.v6-step-index.done{background:#e2f8ef;color:#087a60}.v6-step-summary{flex:1;min-width:0}.v6-step-summary strong{display:block;font-weight:800;font-size:13px;color:#173c50}.v6-step-summary small{display:block;margin-top:5px;font-size:11px;color:#6a8192}.v6-track .btn{white-space:nowrap}
.v6-guided-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;padding-top:29px;align-items:start}.v6-main{min-height:470px}.v6-side{position:sticky;top:105px}.v6-side h3{font-size:15px;margin-bottom:10px}.v6-stage-nav{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:23px;border-bottom:1px solid #e7edf2}.v6-stage-nav span{border-radius:24px;padding:8px 13px;background:#edf2f6;color:#6a8190;font-size:12px;font-weight:800}.v6-stage-nav span.active{background:#0c3b52;color:#fff}.v6-notice{display:flex;gap:11px;padding:17px 18px;background:#ecf8f5;border:1px solid #caeee3;color:#145f55;border-radius:13px;font-size:14px;line-height:1.85;margin-bottom:18px}.v6-reading{font-size:16px;line-height:2.05;color:#244459;background:#f9fcfe;border:1px solid #e2edf3;padding:25px;border-radius:14px;white-space:normal;user-select:text}.v6-reading p+p{margin-top:17px}.v6-action-row{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.v6-question-prompt{font-size:20px;font-weight:800;line-height:1.8;color:#173447;margin:21px 0}.v6-toc{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e8eef3;border-radius:10px;margin-top:9px;color:#315669;font-size:12px;font-weight:700}.v6-toc.current{border-color:#1bb9a2;background:#effbf7}.v6-toc.locked{pointer-events:none;opacity:.5}.v6-toc span:first-child{background:#e6f6f0;min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-weight:800}.v6-result{text-align:center;padding:25px 8px}.v6-result.passed h2{color:#098866}.v6-result.retry h2{color:#ae6833}.v6-result .v6-action-row{justify-content:center}.v6-result p{color:#637b8d}.v6-main .quiz-option{width:100%}
@media(max-width:900px){.v6-guided-layout{grid-template-columns:1fr}.v6-side{position:static}.v6-unit-row{flex-wrap:wrap}.v6-unit-row .btn,.v6-unit-row .tag{margin-inline-start:55px}}
@media(max-width:560px){.v6-main{padding:18px}.v6-reading{padding:16px;font-size:14px}.v6-unit-row{gap:8px}.v6-step-index{min-width:32px;height:32px}.v6-unit-row .btn{margin-inline-start:40px}.v6-section-heading{flex-direction:column}}

/* V7: display the actual uploaded PDF in guided lesson reading. */
.v7-pdf-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:12px 0;color:#0b334b}
.v7-pdf-heading strong,.v7-pdf-heading small{display:block}.v7-pdf-heading small{margin-top:3px;color:#62778b}
.v7-pdf-slot{position:relative;padding:16px;background:#e9f0f4;border:1px solid #c6d9e4;border-radius:14px;min-height:280px;user-select:none;-webkit-user-select:none;overflow:hidden}
.v7-pdf-loading,.v7-pdf-error{text-align:center;padding:65px 20px;color:#47647b;line-height:1.8;font-weight:700}
.v7-pdf-error{color:#b02b45}
.v7-pdf-nav{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:12px;direction:ltr}.v7-pdf-nav strong{min-width:95px;text-align:center;color:#173e59}
.v7-pdf-image{position:relative;width:fit-content;max-width:100%;margin:auto;background:#fff;box-shadow:0 10px 30px #132c3a30;border-radius:6px;overflow:hidden}
.v7-pdf-canvas{display:block;max-width:100%;height:auto!important;pointer-events:none}
.v7-pdf-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;pointer-events:none;color:#b42339;opacity:.25;font-size:22px;font-weight:800;line-height:4.6;letter-spacing:.4px;word-break:break-word;transform:rotate(-18deg) scale(1.12);padding:10px}
.v7-pdf-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;color:#597083}
@media(max-width:600px){.v7-pdf-slot{padding:5px}.v7-pdf-mark{font-size:12px}.v7-pdf-nav{gap:7px}}
@media print{.v7-pdf-slot,.v7-pdf-image,.v7-pdf-canvas,.v7-pdf-footer{display:none!important}}

/* V8 Two-stage practical learning workspace */
.v8-practical {display:grid;gap:20px;}
.v8-practical-heading {padding:15px 18px;background:#eaf7f3;border-radius:15px;border:1px solid #c4e9dd}
.v8-practical-heading h2 {margin:12px 0 6px;color:#0a3046}
.v8-practical-heading p {margin:0;color:#3a5765}
.v8-work-task {background:#fff;border:1px solid #d9e4ea;border-radius:14px;padding:20px;box-shadow:0 4px 14px rgba(0,36,59,.035)}
.v8-work-task h3 {font-size:1rem;line-height:1.75;margin:11px 0 10px;color:#102f45;white-space:pre-wrap}
.v8-work-task p {line-height:1.7;white-space:pre-wrap}
.v8-answer,.v8-review-card textarea{display:block;width:100%;padding:14px 15px;min-height:148px;background:#fff;color:#123146;border:1px solid #b7cbd3;border-radius:12px;font:inherit;line-height:1.7;resize:vertical;box-sizing:border-box}
.v8-answer:focus,.v8-review-card textarea:focus{outline:2px solid #27ab9e;outline-offset:1px}
.v8-answer:disabled{background:#f3f6f8;color:#486372}
.v8-review-card{border:1px solid #dae4ea;border-radius:14px;padding:18px;margin:17px 0;background:#fdfefe}
.v8-review-card h3{color:#102f45;margin:0 0 8px}
.v8-review-card h4{margin:18px 0 8px;line-height:1.65}
.v8-written-response{white-space:pre-wrap;background:#f4f7f9;padding:15px;border-radius:10px;line-height:1.8;overflow-wrap:anywhere}
.v8-review-card label{font-weight:700;display:block;margin:13px 0 8px}
.v6-stage-nav{flex-wrap:wrap;gap:6px}
.v6-stage-nav span{font-size:12px;line-height:1.4}
@media (max-width:700px){.v8-work-task{padding:13px}.v8-practical-heading{padding:12px}.v8-review-card{padding:12px}}

.v8-upload {margin:12px 0 9px;padding:14px;background:#f0f7fa;border:1px dashed #93b9c7;border-radius:11px}
.v8-upload label{display:block;font-weight:700;margin-bottom:8px}
.v8-upload input{max-width:100%;display:block;margin-bottom:5px}
.v8-upload small{color:#526d7a}
.v8-private-photo{background:#f6f9fa;border:1px solid #dce6e9;padding:10px;border-radius:11px;margin-bottom:10px}
.v8-private-img{max-width:100%;max-height:720px;display:block;object-fit:contain;margin:auto}

/* IGCSE MAGIC V9 — Course section management */
.v9-sections-admin{display:grid;gap:18px}.v9-sections-admin .field select{width:100%;padding:11px;border-radius:10px;border:1px solid #ccd8e2;background:#fff}
.v9-section-list{display:grid;gap:12px}.v9-section-card{border:1px solid #dce7ee;background:#fbfdfe;border-radius:14px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.v9-section-card-text{display:flex;align-items:start;gap:13px;flex:1;min-width:220px}.v9-section-card-text h3{font-size:16px;margin-bottom:5px;color:#153c54}.v9-section-card-text small{color:#2c7e79;font-weight:700}.v9-section-actions{display:flex;flex-wrap:wrap;gap:7px}
.v9-section-form{padding:21px;background:#eef8f6;border:1px solid #c9ece1;border-radius:14px}.v9-section-form-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.v9-assignments{border:1px solid #dde8ed;border-radius:14px;padding:16px}.v9-assignments summary{font-weight:800;cursor:pointer;color:#153c54}.v9-assignment-list{margin-top:16px;padding-top:16px;border-top:1px solid #e4ecef}.v9-assignment-list h4{margin:0 0 10px}.v9-assignment-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #e9edf1;font-size:13px}.v9-assignment-row span{flex:1;min-width:0}.v9-assignment-row select{max-width:260px;min-width:170px}
.v9-curriculum-group{margin:12px 0 22px}.v9-curriculum-group h3{font-size:16px;padding:10px 0;display:flex;gap:9px;align-items:center;border-bottom:1px solid #e4ecf2}.v9-curriculum-group p{margin:8px 0}.v9-track-subhead{padding:18px 12px 11px;margin-top:20px;border-top:2px solid #cfeee8;background:linear-gradient(90deg,#edf9f6,transparent);border-radius:9px}.v9-track-subhead h3{font-size:16px;color:#12485c}.v9-track-subhead p{margin-top:6px}
@media(max-width:640px){.v9-section-card{align-items:stretch}.v9-section-actions{width:100%}.v9-assignment-row{flex-direction:column;align-items:stretch}.v9-assignment-row select{max-width:none}}


/* V10 — editable brand, headline ticker, WhatsApp contact */
.v10-logo-image{object-fit:contain;padding:5px;background:#fff;aspect-ratio:1/1;border:1px solid #e0e8ed;box-shadow:0 4px 15px #0b223414;border-radius:12px}
.v10-logo-image:after{display:none!important}
/* V10.1 — bold, spacious announcement banner (desktop/tablet/mobile) */
.v10-announcement{
  --v10-banner-height:124px;
  position:relative;isolation:isolate;width:100%;min-height:var(--v10-banner-height);
  background:linear-gradient(112deg,#061e33 0%,#0e3854 44%,#0a263e 100%);
  color:#fff;display:flex;align-items:stretch;gap:0;overflow:hidden;
  border-bottom:5px solid #2ee4c8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 20px rgba(10,40,61,.15);
  font-size:clamp(30px,3vw,43px);line-height:1.45
}
.v10-announcement::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 60% 35%,rgba(38,195,207,.18),transparent 60%);
  z-index:0
}
.v10-live-label{
  position:relative;z-index:2;flex:0 0 auto;min-width:210px;max-width:27%;
  background:linear-gradient(125deg,#37eac7 0%,#15bbaa 100%);
  color:#04283a;font-family:Cairo,'DM Sans',sans-serif;
  font-size:clamp(18px,1.5vw,23px);font-weight:900;
  line-height:1.7;letter-spacing:0;
  white-space:normal;text-align:center;text-wrap:balance;
  padding:25px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;min-height:var(--v10-banner-height);
  box-shadow:8px 0 32px rgba(5,25,40,.18)
}
.v10-live-label::before{
  content:"";width:12px;height:12px;flex:0 0 12px;border-radius:50%;
  background:#092d3c;box-shadow:0 0 0 5px rgba(4,45,58,.1)
}
.v10-ticker-clip{
  overflow:hidden;position:relative;flex:1;min-width:0;min-height:var(--v10-banner-height);
  display:flex;align-items:center;direction:ltr;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)
}
.v10-ticker-track{
  display:flex;align-items:center;min-height:var(--v10-banner-height);
  width:max-content;white-space:nowrap;will-change:transform;
  animation:v10Ticker var(--v10-speed,24s) linear infinite
}
.v10-ticker-item{
  flex:0 0 auto;display:flex;align-items:center;min-width:max-content;
  padding:20px clamp(62px,6vw,115px);
  font-family:Cairo,'DM Sans',system-ui,sans-serif;
  font-size:clamp(30px,3vw,43px);font-weight:900;line-height:1.55;
  letter-spacing:.005em;text-align:center;color:#fff;
  text-shadow:0 2px 18px rgba(32,229,212,.21)
}
.v10-ticker-item::before{
  content:"✦";display:inline-flex;align-items:center;
  margin-inline-end:27px;color:#46f1d1;
  font-size:.75em;text-shadow:0 0 20px rgba(36,230,203,.45)
}
.v10-announcement:hover .v10-ticker-track,
.v10-announcement:focus-within .v10-ticker-track{animation-play-state:paused}
@keyframes v10Ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:900px){
  .v10-announcement{--v10-banner-height:110px}
  .v10-live-label{min-width:175px;padding:19px;font-size:18px}
  .v10-ticker-item{font-size:clamp(26px,3.8vw,34px);padding-inline:50px}
}
@media(max-width:590px){
  .v10-announcement{--v10-banner-height:100px;border-bottom-width:4px}
  .v10-live-label{min-width:111px;max-width:34%;padding:15px 9px;font-size:13px;line-height:1.55;gap:7px}
  .v10-live-label::before{width:9px;height:9px;flex-basis:9px}
  .v10-ticker-item{font-size:clamp(21px,5.5vw,27px);line-height:1.5;padding:14px 29px;font-weight:900}
  .v10-ticker-item::before{margin-inline-end:12px}
}
@media(prefers-reduced-motion:reduce){
  .v10-ticker-clip{direction:rtl;-webkit-mask-image:none;mask-image:none}
  .v10-ticker-track{animation:none!important;max-width:100%;width:100%;min-width:0;white-space:normal}
  .v10-ticker-item{min-width:0;width:100%;white-space:normal;padding:12px clamp(16px,4vw,42px)}
  .v10-ticker-item[aria-hidden='true']{display:none}
}
.v10-whatsapp{position:fixed;z-index:52;bottom:22px;left:22px;display:flex;align-items:center;gap:8px;min-width:57px;min-height:57px;padding:11px 16px;border-radius:36px;background:#128c54;color:white!important;font-size:13px;font-weight:800;box-shadow:0 8px 24px #0a3e2a55;transition:transform .2s,background .2s;direction:ltr}
.v10-whatsapp:hover{transform:translateY(-3px);background:#075e42}.v10-wa-icon{height:30px;width:30px;flex-shrink:0}
.v10-brand-preview{display:flex;align-items:center;gap:16px;border:1px solid #d4e5e7;padding:15px;border-radius:13px;background:#f5faf9;margin:14px 0 23px}
.v10-brand-preview img{width:72px;height:72px;object-fit:contain;border-radius:13px;border:1px solid #dae8ec;background:#fff;padding:5px}.v10-brand-preview strong{display:block;color:#123347;font-size:18px;font-weight:800}.v10-brand-preview small{display:block;color:#638092;margin-top:3px}
.v10-branding-admin .form-grid{margin-top:16px}.v10-branding-admin input[type='range']{display:block;width:100%;accent-color:#149f91;margin:15px 0 8px}.v10-branding-admin .field small{display:block;margin-top:7px;color:#607987;font-size:12px}.v10-warning{border:1px solid #e0a67c;background:#fff5ed;color:#864a28;padding:12px 15px;border-radius:9px}
@media(max-width:590px){.v10-whatsapp{left:12px;bottom:12px;padding:11px;min-height:52px;min-width:52px;justify-content:center}.v10-whatsapp span{display:none}}

.v6-side{top:145px}