:root{--had-primary:#082B5C;--had-primary-dark:#031B3D;--had-gold:#D49A4A;--had-bg:#F7F9FC;--had-text:#10233D;--had-radius:18px;--muted:#627187;--line:#E2E8F0;--white:#fff;--success:#167a55;--danger:#b4233b;--shadow-xs:0 2px 10px rgba(19,32,51,.05);--shadow-sm:0 8px 24px rgba(19,32,51,.08);--shadow:0 16px 40px rgba(19,32,51,.10);--shadow-lg:0 24px 70px rgba(19,32,51,.14);--transition:.2s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--had-text);background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,43,92,.25)}.site-content{min-height:50vh}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.section{padding:76px 0}.section.soft{background:linear-gradient(180deg,#F9FBFD,#F4F7FB);border-block:1px solid #EEF2F6}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-head h2,.section-title{margin:0;font-size:1.875rem;line-height:1.35;color:#15253A}.section-kicker,.eyebrow{display:inline-flex;margin-bottom:7px;padding:5px 10px;border-radius:999px;background:#EEF3F9;color:var(--had-primary);font-size:.75rem;font-weight:900}.text-link{color:var(--had-primary);font-weight:800}.span-all{grid-column:1/-1}.empty{padding:38px 24px;text-align:center;border:1px dashed #C8D3DF;border-radius:20px;background:#FBFCFE;color:var(--muted)}
/* Announcement */
.announcement{min-height:38px;padding:5px 52px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(90deg,var(--had-primary-dark),var(--had-primary),#173F7A);color:#fff;font-size:.75rem;font-weight:700}.announcement button{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.11);color:#fff;font-size:1.25rem;cursor:pointer}
/* Header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 7px 30px rgba(19,32,51,.045)}.header-inner{width:min(1240px,calc(100% - 28px));min-height:82px;margin:auto;padding:10px 0;display:flex;align-items:center;gap:18px}.brand{flex:0 0 auto}.brand img{width:132px;max-height:58px;object-fit:contain}.main-nav{display:flex;align-items:center}.had-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:3px}.had-menu li{position:relative}.had-menu>li>a{display:block;padding:10px 10px;border-radius:10px;color:#405168;font-size:.8125rem;font-weight:800}.had-menu>li:hover>a,.had-menu>li.current-menu-item>a{color:var(--had-primary);background:#F2F6FA}.had-menu .sub-menu{display:none;position:absolute;right:0;top:100%;min-width:220px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:80}.had-menu li:hover>.sub-menu{display:block}.had-menu .sub-menu a{display:block;padding:9px 10px;border-radius:9px;font-size:.75rem}.had-menu .sub-menu a:hover{background:#F2F6FA;color:var(--had-primary)}.header-actions{margin-right:auto;display:flex;align-items:center;gap:8px}.global-search{position:relative;width:245px}.global-search>span{position:absolute;right:12px;top:7px;color:#8290A1;font-size:1.375rem;pointer-events:none}.global-search input{width:100%;height:42px;padding:8px 38px 8px 11px;border:1px solid #E5ECF3;border-radius:12px;background:#F7F9FC}.global-search input:focus{background:#fff;border-color:#9FB4CC;box-shadow:0 0 0 4px rgba(8,43,92,.07)}.suggestions{display:none;position:absolute;top:48px;right:0;left:0;z-index:100;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.suggestions.show{display:block}.suggestions a{display:block;padding:10px 12px;border-bottom:1px solid #EEF2F6;font-size:.75rem}.suggestions a:hover{background:#F5F8FC}.suggestions small{display:block;color:var(--muted)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:1.4375rem;cursor:pointer}.cart-link{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}.had-cart-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--danger);border:2px solid #fff;color:#fff;font-size:.625rem;font-weight:900}
/* Buttons */
.btn{min-height:44px;padding:10px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:900;font-size:.875rem;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition)}.btn.small{min-height:38px;padding:7px 13px;font-size:.75rem}.btn-primary{background:linear-gradient(135deg,var(--had-primary),#173F7A);color:#fff;box-shadow:0 8px 18px rgba(8,43,92,.18)}.btn-primary:hover{background:var(--had-primary-dark);transform:translateY(-1px)}.btn-outline{background:#fff;color:var(--had-primary);border-color:#B8C8D8}.btn-outline:hover{background:#F3F6FA;border-color:var(--had-primary)}.btn-light{background:#fff;color:var(--had-text);border-color:rgba(255,255,255,.45)}.btn-gold{background:linear-gradient(135deg,var(--had-gold),#E8BC78);color:#1b2736}.btn-block{width:100%}
/* Hero */
.home-hero{position:relative;overflow:hidden;border-bottom:1px solid #E9EEF4;background:radial-gradient(circle at 15% 20%,rgba(8,43,92,.08),transparent 28%),radial-gradient(circle at 85% 75%,rgba(212,154,74,.11),transparent 32%),linear-gradient(180deg,#fff,#F8FAFC)}.home-hero .wrap{width:min(1180px,calc(100% - 32px));min-height:570px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;position:relative;z-index:1}.home-hero h1{margin:0 0 17px;font-size:clamp(2.375rem,4vw,3.5rem);line-height:1.25;letter-spacing:-1px;color:#12233A}.home-hero h1 span{color:var(--had-primary);position:relative}.home-hero h1 span:after{content:"";position:absolute;right:0;left:0;bottom:-4px;height:7px;border-radius:999px;background:rgba(212,154,74,.25);z-index:-1}.home-hero p{max-width:620px;color:#68788A;font-size:1.0625rem;line-height:1.95}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.hero-visual{position:relative;padding:18px}.hero-visual:before{content:"";position:absolute;inset:11% 7%;z-index:-1;border-radius:44% 56% 52% 48%/48% 44% 56% 52%;background:radial-gradient(circle at 30% 25%,#EAF0F6,#DCE5EF 58%,#CEDBE8)}.hero-visual img{max-height:465px;margin:auto;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(8,43,92,.12))}
/* Features */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{position:relative;overflow:hidden;padding:26px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-xs);transition:.2s}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.feature .icon{width:54px;height:54px;margin-bottom:15px;display:grid;place-items:center;border-radius:16px;background:#EEF3F8;font-size:1.5rem}.feature h3{margin:0 0 7px;font-size:1.0625rem;color:#27384C}.feature p{margin:0;color:var(--muted);font-size:.8125rem}
/* Grids & cards */
.university-strip,.cards-grid,.teacher-grid,.story-grid,.blog-grid,.logo-grid{display:grid;gap:18px}.university-strip{grid-template-columns:repeat(5,1fr)}.university-archive{grid-template-columns:repeat(4,1fr)}.uni-card{padding:17px 12px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-xs);transition:.2s}.uni-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.uni-card img{width:110px;height:110px;margin:auto;padding:6px;object-fit:contain;border-radius:15px;background:#fff}.uni-card p{margin:11px 0 0;font-size:.8125rem;font-weight:900;color:#485A70}.cards-grid{grid-template-columns:repeat(3,1fr)}.course-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow-xs);transition:.22s}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-media{height:215px;position:relative;overflow:hidden;background:#EEF2F6}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.course-card:hover .card-media img{transform:scale(1.04)}.status{display:inline-flex;padding:5px 10px;border-radius:999px;color:#fff;font-size:.6875rem;font-weight:900}.card-media .status{position:absolute;top:12px;right:12px}.status.open{background:#15966B}.status.closed{background:#B4233B}.card-body{padding:17px;display:flex;flex:1;flex-direction:column}.card-body h3{margin:4px 0 8px;font-size:1rem;line-height:1.65}.card-body p{margin:2px 0;color:var(--muted);font-size:.75rem}.rating{color:var(--had-gold);font-size:.75rem;font-weight:900}.card-footer{margin-top:auto;padding-top:14px;border-top:1px solid #EDF1F5;display:flex;justify-content:space-between;align-items:center;gap:10px}.card-footer strong{color:var(--had-primary);font-size:.875rem}.card-footer del{margin-right:5px;color:var(--danger);font-size:.625rem}.teacher-grid{grid-template-columns:repeat(5,1fr)}.teacher-card{padding:19px 14px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-xs);transition:.2s}.teacher-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.teacher-card img{width:110px;height:110px;margin:0 auto 11px;object-fit:cover;border-radius:50%;border:5px solid #F1F5F9}.teacher-card h3{margin:5px 0;font-size:.9375rem}.teacher-card p{margin:2px;color:var(--muted);font-size:.75rem}.story-grid{grid-template-columns:repeat(3,1fr)}.story{padding:25px;background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow-xs)}.story .avatar{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#EEF3F8;color:var(--had-gold);font-size:1.5625rem}.story h3{margin:12px 0 6px}.story p{margin:0;color:var(--muted)}.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-xs)}.blog-card time{color:var(--had-primary);font-size:.6875rem;font-weight:900}.blog-card h3{line-height:1.65}.blog-card p{color:var(--muted)}.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff}.logo-card img{max-width:150px;max-height:100px;object-fit:contain;margin-bottom:18px}
/* Join/App */
.join-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.join-box{min-height:300px;padding:38px;border-radius:25px;background:linear-gradient(145deg,#F4F7FA,#E9EFF6);border:1px solid #E3EBF4}.join-box.alt{background:linear-gradient(145deg,#FFF9F0,#FBF0DC);border-color:#EED7AE}.join-box h2{font-size:1.875rem;line-height:1.35}.join-box p,.join-box li{color:var(--muted)}.app-section{padding:42px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;overflow:hidden;border:1px solid #DCE5EF;border-radius:28px;background:radial-gradient(circle at 15% 20%,rgba(8,43,92,.1),transparent 35%),linear-gradient(135deg,#F7F9FC,#E9EFF6);box-shadow:var(--shadow-sm)}.app-section h2{font-size:2rem}.app-section p{color:var(--muted)}.app-section img{max-height:350px;margin:auto;object-fit:contain}
/* Page hero */
.page-hero{padding:76px 20px 68px;text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 25%,rgba(8,43,92,.08),transparent 27%),radial-gradient(circle at 82% 75%,rgba(212,154,74,.08),transparent 30%),linear-gradient(135deg,#F4F7FB,#fff)}.page-hero>div{max-width:850px;margin:auto}.page-hero h1{margin:7px 0;font-size:2.625rem;line-height:1.3}.page-hero p{max-width:700px;margin:9px auto;color:var(--muted);font-size:1rem}.uni-hero-logo{width:150px;height:150px;margin:0 auto 20px;object-fit:contain;background:#fff;border-radius:24px;padding:10px;box-shadow:var(--shadow-sm)}
/* Toolbar */
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:26px;padding:11px;border:1px solid var(--line);border-radius:15px;background:#FBFCFE}.toolbar input,.toolbar select{min-width:190px;min-height:43px;padding:9px 12px;border:1px solid #D5DEE9;border-radius:10px;background:#fff}
/* Forms */
.form-card{width:min(760px,calc(100% - 32px));margin:0 auto;padding:34px;background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}.form-card.narrow{max-width:560px}.form-card h1{text-align:center;margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;font-weight:900;color:#405168}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #D9E2EB;border-radius:11px;background:#fff}.field textarea{min-height:125px;resize:vertical}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}.check-line input{width:auto!important;min-height:0!important}.helper{text-align:center;color:var(--muted);font-size:.75rem}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.had-notice{margin:0 0 18px;padding:12px 14px;border-radius:11px}.had-notice-success{background:#ECF9F3;border:1px solid #B6E6D2;color:#116746}.had-notice-error{background:#FFF0F2;border:1px solid #F2C7CE;color:#8D2334}
/* FAQ */
.faq-list{max-width:900px;margin:auto}.faq-group-title{margin:34px 0 11px;color:var(--had-primary)}.faq-item{margin:10px 0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px}.faq-q{width:100%;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;border:0;background:#fff;color:#3D5067;font-weight:900;text-align:right;cursor:pointer}.faq-a{display:none;padding:0 18px 17px;color:var(--muted)}.faq-item.open .faq-a{display:block;padding-top:14px;border-top:1px solid #EEF2F6}.faq-item.open .faq-q{color:var(--had-primary)}.faq-item.open .faq-q span{transform:rotate(45deg)}
/* Course detail */
.course-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}.detail-image{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#F7F9FC;box-shadow:var(--shadow-sm)}.detail-image img{width:100%;max-height:450px;object-fit:cover}.detail-panel{position:sticky;top:105px;padding:27px;background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow)}.detail-panel h1{font-size:1.8125rem;line-height:1.5}.price-big{margin:12px 0;color:var(--had-primary);font-size:1.6875rem;font-weight:900}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.chip{padding:5px 10px;border:1px solid #D4DFEA;border-radius:999px;background:#F3F6FA;color:#173F7A;font-size:.6875rem;font-weight:700}.content-box{max-width:900px;margin:45px auto;padding:0 20px}.course-content{margin:28px 0;padding:0}.benefits-list{padding-right:20px}.lesson-list{display:grid;gap:8px}.lesson-row{padding:13px 14px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.lesson-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#EEF3F8;color:var(--had-primary);font-weight:900}.lesson-row small{color:var(--muted)}.lesson-row.locked{opacity:.72}.progress-wrap{height:8px;margin-top:16px;overflow:hidden;border-radius:999px;background:#E8EDF3}.progress-wrap span{display:block;height:100%;background:linear-gradient(90deg,var(--had-primary),var(--had-gold))}.video-frame{margin-bottom:25px;overflow:hidden;border-radius:18px;background:#0A1626}.video-frame iframe{width:100%;aspect-ratio:16/9}.had-video{width:100%;display:block;max-height:70vh}.locked-box{padding:35px;text-align:center;border:1px solid var(--line);border-radius:20px;background:#F8FAFC}
/* Profile/article/quiz */
.profile-detail{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:center}.profile-detail>img{width:220px;height:220px;object-fit:cover;border-radius:50%;border:8px solid #F1F5F9}.article-content{font-size:1rem}.article-content h2{margin-top:34px}.article-image{margin-bottom:25px;border-radius:20px}.quiz-box{max-width:800px;margin:auto}.question{margin:12px 0;padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff}.question label{display:block;margin:7px 0;padding:7px;border-radius:8px}.question label:hover{background:#F3F6FA}.result-box{display:none;margin-bottom:22px;padding:26px;text-align:center;border:1px solid #D3DEE9;border-radius:18px;background:#F0F5FA}.result-box.show{display:block}.search-results-list{display:grid;gap:15px}.search-results-list article{padding:22px;border:1px solid var(--line);border-radius:16px}.pagination ul,.nav-links{list-style:none;display:flex;gap:6px;justify-content:center;margin:30px 0;padding:0}.page-numbers{padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.page-numbers.current{background:var(--had-primary);color:#fff}
/* Prefooter: always normal document flow. No negative margins. */
.prefooter{width:min(1180px,calc(100% - 32px));margin:64px auto 40px;padding:33px 38px;display:flex;justify-content:space-between;align-items:center;gap:22px;position:relative;z-index:2;overflow:hidden;color:#fff;border:1px solid rgba(232,188,120,.28);border-radius:25px;background:radial-gradient(circle at 8% 18%,rgba(232,188,120,.18),transparent 25%),linear-gradient(135deg,var(--had-primary-dark),#173F7A);box-shadow:0 20px 50px rgba(8,43,92,.2)}.prefooter:after{content:"";position:absolute;width:170px;height:170px;left:-55px;bottom:-95px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.prefooter h2{margin:0;font-size:1.625rem}.prefooter p{margin:6px 0 0;color:#E9EFF6}.prefooter .actions{display:flex;gap:9px;position:relative;z-index:1}
/* Footer: separate flow after prefooter */
.footer{position:relative;margin-top:0;padding:58px 20px 20px;color:#D9E2EC;background:radial-gradient(circle at 8% 15%,rgba(212,154,74,.12),transparent 25%),linear-gradient(145deg,#03162d,#062142 58%,#082b54)}.footer:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--had-gold),#E8BC78,var(--had-gold),transparent)}.footer-grid{width:min(1180px,calc(100% - 20px));margin:auto;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:22px}.footer-grid>div{min-width:0}.footer-brand{padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.05)}.footer-logo{width:135px;max-height:70px;margin-bottom:16px;padding:5px;object-fit:contain;background:#fff;border-radius:12px}.footer p{color:#D5E0EB;font-size:.8125rem}.footer small{color:#95A8BB}.footer h4{margin:0 0 13px;color:#fff;font-size:.875rem}.footer ul{list-style:none;margin:0;padding:0}.footer a{display:block;padding:5px 0;color:#BDCAD8;font-size:.75rem}.footer a:hover{color:#fff}.copyright{width:min(1180px,calc(100% - 20px));margin:28px auto 0;padding-top:17px;text-align:center;border-top:1px solid rgba(255,255,255,.09);color:#8FA0B4;font-size:.6875rem}.floating-help{position:fixed;left:20px;bottom:20px;z-index:50;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(232,188,120,.65);border-radius:15px;background:var(--had-primary);color:#fff;font-size:1.5rem;font-weight:900;box-shadow:0 14px 32px rgba(8,43,92,.26)}
/* WooCommerce */
.woocommerce .button,.woocommerce button.button,.woocommerce input.button{background:var(--had-primary)!important;color:#fff!important;border-radius:10px!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:10px;border:1px solid var(--line);border-radius:9px}.woocommerce table.shop_table{border-color:var(--line);border-radius:14px}
@media(max-width:1050px){body.admin-bar .site-header{top:46px}.header-inner{flex-wrap:wrap}.menu-toggle{display:grid;place-items:center;margin-right:auto}.main-nav{display:none;width:100%;order:4}.main-nav.open{display:block}.had-menu{flex-direction:column;align-items:stretch;padding:8px 0}.had-menu>li>a{padding:10px 12px}.had-menu .sub-menu{position:static;display:block;box-shadow:none;border:0;background:#F8FAFC;margin:4px 14px}.header-actions{margin-right:0;flex:1}.global-search{width:min(320px,40vw)}.home-hero .wrap{grid-template-columns:1fr;min-height:auto;padding:55px 0;text-align:center;gap:28px}.home-hero p{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-visual img{max-height:330px}.university-strip{grid-template-columns:repeat(3,1fr)}.teacher-grid{grid-template-columns:repeat(3,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.detail-panel{position:static}}
@media(max-width:700px){body.admin-bar .site-header{top:0}.announcement{font-size:.625rem;padding-inline:42px}.site-header{position:relative}.header-inner{width:calc(100% - 20px);gap:8px}.brand img{width:108px}.header-actions{width:100%;order:3}.header-actions .header-cta,.header-actions .header-login{display:none}.global-search{width:auto;flex:1}.section{padding:50px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.section-head h2,.section-title{font-size:1.5rem}.feature-grid,.cards-grid,.teacher-grid,.story-grid,.blog-grid,.logo-grid,.join-split,.course-detail,.app-section,.form-grid,.footer-grid{grid-template-columns:1fr}.university-strip,.university-archive{grid-template-columns:repeat(2,1fr)}.home-hero h1{font-size:2.125rem}.hero-visual img{max-height:275px}.app-section{padding:27px 22px}.app-section img{max-height:280px}.page-hero{padding:55px 16px}.page-hero h1{font-size:2rem}.form-card{padding:24px 19px}.field.full{grid-column:auto}.prefooter{margin:48px auto 28px;padding:27px 20px;flex-direction:column;text-align:center;border-radius:21px}.prefooter h2{font-size:1.4375rem}.prefooter .actions{width:100%;flex-wrap:wrap;justify-content:center}.prefooter .actions .btn{flex:1 1 150px}.footer{padding:42px 12px 18px}.footer-grid{width:calc(100% - 8px);gap:12px}.footer-brand{grid-column:auto}.profile-detail{grid-template-columns:1fr;text-align:center}.profile-detail>img{margin:auto}.toolbar input,.toolbar select{width:100%;min-width:0}.lesson-row{grid-template-columns:34px 1fr}.lesson-row small{grid-column:2}.floating-help{left:12px;bottom:12px}}
@media(max-width:420px){.container,.home-hero .wrap,.prefooter{width:calc(100% - 20px)}.home-hero h1{font-size:1.8125rem}.section{padding:42px 0}.university-strip,.university-archive{gap:10px}.uni-card img{width:82px;height:82px}.card-footer{display:grid;grid-template-columns:1fr}.card-footer .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:1}.prefooter .actions{display:grid;grid-template-columns:1fr}.prefooter .actions .btn{width:100%}}
.social-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.social-links a{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:.625rem}
body.home .site-content,body.front-page .site-content{display:flex;flex-direction:column}.home-section{width:100%}

/* Header refresh v1.0.2 */
body.nav-open{overflow:hidden}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,240,.9);box-shadow:0 14px 34px rgba(14,29,53,.06)}
.site-header::after{content:"";position:absolute;right:0;left:0;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(219,227,236,0),rgba(207,216,228,.95),rgba(219,227,236,0))}
.header-inner{width:min(1360px,calc(100% - 32px));min-height:88px;margin:auto;padding:10px 0;display:flex;align-items:center;gap:14px;position:relative}
.brand{display:flex;align-items:center;padding:4px 0}
.brand img{width:150px;max-height:62px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(9,35,74,.06))}
.main-nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}
.had-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;white-space:nowrap;min-width:0}
.had-menu>li{position:relative;flex:0 0 auto}
.had-menu>li>a{display:flex;align-items:center;gap:6px;padding:11px 13px;border-radius:14px;border:1px solid transparent;color:#31465F;font-size:.875rem;font-weight:800;line-height:1.2;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition)}
.had-menu>li:hover>a,.had-menu>li.current-menu-item>a,.had-menu>li.current-menu-ancestor>a{color:var(--had-primary);background:linear-gradient(180deg,#F7FAFE,#EEF4FA);border-color:#D6E1EC;box-shadow:0 10px 18px rgba(15,39,72,.06);transform:translateY(-1px)}
.had-menu>li.current-menu-item>a::after,.had-menu>li.current-menu-ancestor>a::after{content:"";position:absolute;right:14px;left:14px;bottom:7px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--had-gold),#E8BC78)}
.had-menu .menu-item-has-children>a::before{content:"▾";font-size:.6875rem;color:#8292A5}
.had-menu .sub-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);min-width:240px;list-style:none;margin:0;padding:10px;background:rgba(255,255,255,.98);border:1px solid #E3EAF2;border-radius:18px;box-shadow:0 24px 48px rgba(12,27,51,.12);z-index:80}
.had-menu li:hover>.sub-menu{display:block}
.had-menu .sub-menu a{display:block;padding:11px 12px;border-radius:12px;font-size:.8125rem;font-weight:700;color:#405168;transition:background var(--transition),color var(--transition),transform var(--transition)}
.had-menu .sub-menu a:hover{background:#F4F7FB;color:var(--had-primary);transform:translateX(-2px)}
.header-actions{margin-right:8px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.global-search{position:relative;width:300px}
.global-search>span{position:absolute;right:14px;top:10px;color:#71859B;font-size:1.25rem;pointer-events:none}
.global-search input{width:100%;height:48px;padding:10px 42px 10px 14px;border:1px solid #DFE8F1;border-radius:16px;background:linear-gradient(180deg,#FCFDFF,#F6F9FC);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}
.global-search input::placeholder{color:#8EA0B3}
.global-search input:focus{background:#fff;border-color:#9FB4CC;box-shadow:0 0 0 4px rgba(8,43,92,.08),0 12px 24px rgba(14,29,53,.05)}
.suggestions{display:none;position:absolute;top:56px;right:0;left:0;z-index:100;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 45px rgba(12,27,51,.14);overflow:hidden}
.suggestions.show{display:block}
.suggestions a{display:block;padding:12px 14px;border-bottom:1px solid #EEF2F6;font-size:.75rem}
.header-cta,.header-login{min-width:96px}
.header-cta{background:#fff;border-color:#D0DBE6}
.header-login{box-shadow:0 12px 24px rgba(8,43,92,.14)}
.cart-link{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid #D9E3ED;border-radius:14px;background:linear-gradient(180deg,#fff,#F7FAFD);box-shadow:0 12px 24px rgba(14,29,53,.05)}
.mobile-nav-extras,.menu-overlay{display:none}
.menu-toggle{display:none;position:relative;width:46px;height:46px;padding:0;border:1px solid #D9E3ED;border-radius:14px;background:linear-gradient(180deg,#fff,#F7FAFD);box-shadow:0 10px 24px rgba(14,29,53,.06);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.menu-toggle:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(14,29,53,.08)}
.menu-toggle span:not(.screen-reader-text){position:absolute;right:11px;left:11px;height:2px;background:var(--had-primary);border-radius:999px;transition:transform .25s ease,opacity .2s ease,top .25s ease}
.menu-toggle span:nth-child(1){top:15px}
.menu-toggle span:nth-child(2){top:22px}
.menu-toggle span:nth-child(3){top:29px}
.menu-toggle.is-open span:nth-child(1){top:22px;transform:rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){top:22px;transform:rotate(-45deg)}

@media(max-width:1280px){
  .header-inner{width:min(1280px,calc(100% - 24px));gap:10px}
  .brand img{width:138px}
  .had-menu>li>a{padding:10px 11px;font-size:.8125rem}
  .global-search{width:250px}
}
@media(max-width:1160px){
  .had-menu{gap:4px}
  .had-menu>li>a{padding:10px 9px;font-size:.78125rem}
  .global-search{width:210px}
  .btn.small{padding:7px 11px}
}
@media(max-width:1050px){
  body.admin-bar .site-header{top:46px}
  .header-inner{width:min(100%,calc(100% - 22px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;row-gap:12px;padding:12px 0;min-height:auto}
  .brand{grid-column:1;grid-row:1}
  .brand img{width:132px;max-height:56px}
  .menu-toggle{display:inline-grid;place-items:center;grid-column:3;grid-row:1}
  .header-actions{grid-column:1/-1;grid-row:2;margin-right:0;width:100%;gap:10px}
  .header-actions .header-cta,.header-actions .header-login{display:none}
  .global-search{width:100%;flex:1 1 auto}
  .main-nav{display:block !important;position:fixed;top:0;right:0;bottom:0;width:min(370px,90vw);padding:92px 18px 26px;background:rgba(255,255,255,.99);border-left:1px solid #E6EDF5;box-shadow:-30px 0 60px rgba(12,27,51,.14);transform:translateX(110%);transition:transform .28s ease;overflow-y:auto;z-index:90}
  body.nav-open .main-nav,.main-nav.open{transform:translateX(0)}
  .had-menu{flex-direction:column;align-items:stretch;gap:8px;white-space:normal}
  .had-menu>li>a{padding:14px 15px;border-radius:15px;background:#F8FBFE;border-color:#EDF2F7;font-size:.875rem;color:#173456}
  .had-menu>li.current-menu-item>a::after,.had-menu>li.current-menu-ancestor>a::after{left:16px;right:16px;bottom:8px}
  .had-menu .sub-menu{position:static;display:block;min-width:0;margin:6px 0 0;padding:8px;background:#fff;border:1px solid #ECF1F6;box-shadow:none;border-radius:14px}
  .mobile-nav-extras{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #E8EEF5}
  .mobile-nav-extras .btn{width:100%}
  .menu-overlay{display:block;position:fixed;inset:0;border:0;padding:0;background:rgba(10,22,39,.42);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:80}
  body.nav-open .menu-overlay{opacity:1;visibility:visible}
}
@media(max-width:700px){
  body.admin-bar .site-header{top:0}
  .site-header{position:relative}
  .header-inner{width:calc(100% - 18px);grid-template-columns:auto 1fr auto;row-gap:10px}
  .brand img{width:124px}
  .header-actions{gap:8px}
  .cart-link{width:42px;height:42px;border-radius:13px}
  .global-search input{height:44px;border-radius:14px}
  .global-search>span{top:8px;font-size:1.1875rem}
  .main-nav{width:min(340px,92vw);padding-top:88px}
}
@media(max-width:420px){
  .header-inner{width:calc(100% - 14px)}
  .brand img{width:116px}
  .menu-toggle{width:42px;height:42px;border-radius:13px}
  .global-search input{padding-left:12px;padding-right:40px;font-size:.8125rem}
  .main-nav{width:min(318px,92vw);padding-inline:14px}
}

/* Header stability + responsive correction v1.0.3 */
.mobile-nav-head{display:none}
@media(min-width:1221px){
  .site-header{background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .header-inner{width:min(1460px,calc(100% - 36px));min-height:84px;padding:9px 0;gap:10px}
  .brand{flex:0 0 122px;width:122px;min-width:122px;position:relative;z-index:3}
  .brand img{width:122px;max-width:122px;max-height:56px;object-fit:contain}
  .main-nav{flex:1 1 auto;min-width:0;justify-content:flex-start;margin-inline:4px}
  .had-menu{width:100%;justify-content:flex-start;gap:2px;min-width:0}
  .had-menu>li>a{padding:10px 8px;font-size:.8125rem;border-radius:12px;transform:none!important}
  .had-menu>li:hover>a,.had-menu>li.current-menu-item>a,.had-menu>li.current-menu-ancestor>a{transform:none!important}
  .header-actions{margin-right:0;gap:7px;flex:0 1 auto;min-width:0}
  .global-search{width:clamp(190px,17vw,248px);flex:0 1 248px;min-width:180px}
  .global-search input{height:44px;border-radius:14px}
  .global-search>span{top:8px}
  .header-cta,.header-login{min-width:88px;white-space:nowrap}
  .btn.small{min-height:40px;padding:7px 11px;font-size:.75rem}
  .cart-link{width:42px;height:42px;border-radius:13px}
}
@media(min-width:1221px) and (max-width:1380px){
  .header-inner{width:calc(100% - 24px);gap:7px}
  .brand{flex-basis:112px;width:112px;min-width:112px}
  .brand img{width:112px;max-width:112px}
  .had-menu>li>a{padding-inline:6px;font-size:.75rem}
  .global-search{width:190px;flex-basis:190px;min-width:170px}
  .header-cta,.header-login{min-width:80px}
}

@media(max-width:1220px){
  body.nav-open{overflow:hidden!important}
  .site-header{position:sticky;top:0;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important;overflow:visible!important}
  body.admin-bar .site-header{top:32px}
  .header-inner{width:min(100%,calc(100% - 24px));min-height:auto;padding:10px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 12px}
  .brand{grid-column:1;grid-row:1;display:flex;width:auto;min-width:0;padding:0}
  .brand img{width:128px;max-width:128px;max-height:54px}
  .menu-toggle{display:block!important;grid-column:3;grid-row:1;width:44px;height:44px;z-index:2}
  .header-actions{grid-column:1/-1;grid-row:2;width:100%;margin:0;display:flex;gap:8px}
  .header-actions .header-cta,.header-actions .header-login{display:none!important}
  .global-search{width:auto;min-width:0;flex:1 1 auto}
  .global-search input{height:44px;border-radius:14px}
  .global-search>span{top:8px}
  .cart-link{flex:0 0 44px;width:44px;height:44px;border-radius:13px}

  .main-nav{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(380px,88vw)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0 16px 24px!important;background:#fff!important;border:0!important;border-left:1px solid #E4EBF3!important;border-radius:0!important;box-shadow:-28px 0 65px rgba(7,25,49,.20)!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:120!important;transform:translate3d(105%,0,0)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;visibility:visible!important}
  body.nav-open .main-nav,.main-nav.open{transform:translate3d(0,0,0)!important}
  .mobile-nav-head{position:sticky;top:0;z-index:3;margin:0 -16px 14px;padding:14px 16px;display:grid;grid-template-columns:86px 1fr 42px;align-items:center;gap:10px;background:rgba(255,255,255,.98);border-bottom:1px solid #E9EFF5;box-shadow:0 8px 22px rgba(15,35,61,.05)}
  .mobile-nav-head strong{text-align:center;color:#193753;font-size:.8125rem}
  .mobile-nav-brand{display:flex;align-items:center}
  .mobile-nav-brand img{width:82px;max-height:42px;object-fit:contain}
  .mobile-nav-close{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #D9E4EE;border-radius:12px;background:#F7FAFD;color:var(--had-primary);font-size:1.5625rem;line-height:1;cursor:pointer}
  .had-menu{display:flex!important;width:100%;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;padding:0!important;margin:0!important;white-space:normal!important}
  .had-menu>li{width:100%!important}
  .had-menu>li>a{width:100%;min-height:48px;padding:12px 14px!important;display:flex!important;align-items:center;justify-content:space-between;border:1px solid #E7EEF5!important;border-radius:14px!important;background:#F8FAFD!important;color:#24405D!important;font-size:.84375rem!important;font-weight:800!important;line-height:1.4!important;white-space:normal!important;transform:none!important;box-shadow:none!important}
  .had-menu>li.current-menu-item>a,.had-menu>li.current-menu-ancestor>a{background:linear-gradient(135deg,#F1F6FB,#EAF1F8)!important;border-color:#CEDBE8!important;color:var(--had-primary)!important}
  .had-menu>li.current-menu-item>a::after,.had-menu>li.current-menu-ancestor>a::after{display:none!important}
  .had-menu .sub-menu{position:static!important;display:block!important;width:100%!important;min-width:0!important;margin:6px 0 0!important;padding:7px!important;border:1px solid #EDF2F7!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
  .had-menu .sub-menu a{padding:10px 11px!important;border-radius:10px!important;font-size:.78125rem!important}
  .mobile-nav-extras{display:grid!important;gap:9px;margin-top:15px;padding-top:15px;border-top:1px solid #E8EEF5}
  .mobile-nav-extras .btn{width:100%;min-height:46px}
  .menu-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(4,17,34,.48)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:110!important;opacity:0;visibility:hidden;display:block;transition:opacity .22s ease,visibility .22s ease}
  body.nav-open .menu-overlay{opacity:1;visibility:visible}
  .menu-overlay[hidden]{display:none!important}
}

@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:700px){
  .announcement{min-height:32px;padding:4px 42px;font-size:.625rem;line-height:1.5}
  .announcement button{left:10px;width:24px;height:24px;font-size:1.0625rem}
  .site-header{position:sticky!important;top:0!important}
  body.admin-bar .site-header{top:0!important}
  .header-inner{width:calc(100% - 16px);grid-template-columns:auto 1fr auto;gap:8px 10px;padding:8px 0}
  .brand img{width:116px;max-width:116px;max-height:48px}
  .menu-toggle{width:42px;height:42px;border-radius:12px}
  .header-actions{gap:7px}
  .global-search input{height:42px;padding-right:39px;font-size:.8125rem}
  .global-search>span{right:12px;top:7px;font-size:1.125rem}
  .cart-link{width:42px;height:42px;flex-basis:42px}
  .main-nav{width:min(350px,90vw)!important;padding-inline:14px!important}
  .mobile-nav-head{margin-inline:-14px;padding:12px 14px;grid-template-columns:78px 1fr 40px}
  .mobile-nav-brand img{width:76px}
  .had-menu>li>a{min-height:46px!important;padding:11px 13px!important;font-size:.8125rem!important}
}
@media(max-width:420px){
  .header-inner{width:calc(100% - 12px)}
  .brand img{width:108px;max-width:108px}
  .main-nav{width:min(324px,92vw)!important}
  .mobile-nav-head strong{font-size:.75rem}
}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Account, registration and mandatory email verification v1.0.4 */
.auth-section{background:linear-gradient(180deg,#F8FAFD 0%,#fff 100%)}
.auth-card-enhanced{position:relative;overflow:hidden}
.auth-card-enhanced::before{content:"";position:absolute;right:-90px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(8,43,92,.08),rgba(8,43,92,0) 68%);pointer-events:none}
.auth-card-head{position:relative;display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #E9EFF5}
.auth-card-head.compact{margin-bottom:20px}
.auth-card-head h1{margin:0;text-align:right;font-size:1.6875rem;color:#142B47}
.auth-card-head p{margin:4px 0 0;color:#687A8E;font-size:.8125rem}
.auth-icon{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#EEF4FA,#E1EAF4);color:var(--had-primary);font-size:1.375rem;font-weight:900;box-shadow:inset 0 0 0 1px rgba(8,43,92,.07)}
.field-note{display:block;color:#73849A;font-size:.71875rem;line-height:1.7}
.field-note.centered{text-align:center}
.field-secondary{margin-top:7px;background:#F8FAFC!important}
.phone-field{display:grid;grid-template-columns:minmax(132px,.42fr) minmax(0,1fr);gap:8px;direction:ltr}
.phone-field select,.phone-field input{direction:rtl}
.login-contact-field{grid-template-columns:92px minmax(0,1fr)}
.terms-check{padding:12px 14px;border:1px solid #E1E8F0;border-radius:12px;background:#FAFCFE}
.terms-check a{color:var(--had-primary);font-weight:800}
.auth-submit{min-height:50px;margin-top:3px}
.auth-helper{margin:18px 0 0}
.auth-helper a,.verification-resend-mini a{color:var(--had-primary);font-weight:800}
.verification-resend-mini{margin-top:16px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #E4EAF1;border-radius:12px;background:#F9FBFD;font-size:.75rem}
.verification-card{text-align:center}
.verification-mark{width:72px;height:72px;margin:0 auto 15px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#EAF1F8,#DCE7F2);color:var(--had-primary);font-size:1.9375rem;box-shadow:inset 0 0 0 1px rgba(8,43,92,.07),0 12px 26px rgba(8,43,92,.08)}
.verification-card h1{margin-bottom:8px}
.verification-lead{max-width:460px;margin:0 auto 20px;color:#65778D}
.verification-steps{display:grid;gap:9px;margin:18px 0;padding:15px;border:1px solid #E4EAF1;border-radius:15px;background:#FAFCFE;text-align:right}
.verification-steps span{display:flex;align-items:center;gap:10px;color:#40546B;font-size:.8125rem}
.verification-steps b{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:#E9F0F7;color:var(--had-primary)}
.verification-resend-form{margin-top:18px}

.account-section{background:linear-gradient(180deg,#F7FAFD 0%,#fff 45%)}
.account-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:24px;padding:26px 28px;border:1px solid #DFE7F0;border-radius:25px;background:linear-gradient(135deg,#fff 0%,#F4F8FC 60%,#EEF4FA 100%);box-shadow:0 18px 45px rgba(15,38,69,.08)}
.account-hero::after{content:"";position:absolute;left:-70px;top:-100px;width:240px;height:240px;border-radius:50%;border:35px solid rgba(212,154,74,.06);pointer-events:none}
.account-avatar{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,var(--had-primary),#174A82);color:#fff;font-size:1.8125rem;font-weight:900;box-shadow:0 13px 27px rgba(8,43,92,.20)}
.account-hero-copy h1{margin:2px 0 1px;font-size:1.8125rem;color:#122B49}
.account-hero-copy p{margin:0;color:#6B7D91;font-size:.8125rem}
.account-status{position:relative;z-index:1;padding:8px 12px;border-radius:999px;font-size:.75rem;font-weight:900;white-space:nowrap}
.account-status.verified{background:#EAF8F2;color:#126A4B;border:1px solid #BFE7D5}
.account-status.pending{background:#FFF4E5;color:#915A16;border:1px solid #F1D1A3}
.account-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:20px;align-items:start}
.account-card{padding:25px;border:1px solid #E0E7EF;border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(15,38,69,.06)}
.account-card h2{margin:0 0 18px;color:#203A57;font-size:1.375rem}
.account-facts{margin:0 0 20px;display:grid;gap:0;border:1px solid #E8EDF3;border-radius:15px;overflow:hidden}
.account-facts div{display:flex;justify-content:space-between;gap:16px;padding:12px 13px;border-bottom:1px solid #EDF1F5}
.account-facts div:last-child{border-bottom:0}
.account-facts dt{color:#718197;font-size:.75rem}
.account-facts dd{margin:0;color:#213A56;font-size:.75rem;font-weight:900;text-align:left}
.account-logout{display:block;margin-top:17px;text-align:center;color:#8D2334}
.account-courses{margin-top:34px}
.account-course-list{display:grid;gap:12px}
.account-course-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px;border:1px solid #E0E7EF;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(15,38,69,.045)}
.account-course-image{height:78px;border-radius:13px;overflow:hidden;background:#EEF3F8}
.account-course-image img{width:100%;height:100%;object-fit:cover}
.account-course-info h3{margin:0 0 9px;font-size:.9375rem;color:#203A57}
.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#E8EEF5}
.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--had-primary),#1E5A98)}
.account-course-info small{display:block;margin-top:5px;color:#728399}

@media(max-width:820px){
  .account-grid{grid-template-columns:1fr}
  .account-summary-card{order:-1}
}
@media(max-width:700px){
  .auth-card-head{align-items:flex-start}
  .auth-card-head h1{font-size:1.4375rem}
  .phone-field{grid-template-columns:118px minmax(0,1fr)}
  .login-contact-field{grid-template-columns:82px minmax(0,1fr)}
  .verification-resend-mini{align-items:flex-start;flex-direction:column}
  .account-hero{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:20px 18px}
  .account-avatar{width:56px;height:56px;border-radius:17px;font-size:1.5rem}
  .account-hero-copy h1{font-size:1.375rem}
  .account-status{grid-column:1/-1;width:max-content}
  .account-card{padding:20px 17px}
  .account-course-item{grid-template-columns:86px minmax(0,1fr);gap:12px}
  .account-course-item>.btn{grid-column:1/-1;width:100%}
  .account-course-image{height:65px}
}
@media(max-width:420px){
  .phone-field,.login-contact-field{grid-template-columns:1fr}
  .phone-field select,.phone-field input{direction:rtl}
  .verification-steps{padding:12px}
  .account-hero{grid-template-columns:1fr;text-align:center}
  .account-avatar{margin:auto}
  .account-status{margin:auto}
  .account-course-item{grid-template-columns:1fr}
  .account-course-image{height:160px}
}

/* Purchase, protected learning and account experience v1.0.6 */
.had-course-notice{margin:0 0 20px;padding:13px 16px;border:1px solid #D9E4EE;border-radius:14px;background:#F8FBFD;color:#29435F;font-size:.8125rem;font-weight:700}
.had-course-notice.success{border-color:#BFE3D2;background:#EFFAF5;color:#126447}
.had-course-notice.error{border-color:#E9C5CB;background:#FFF4F5;color:#8D2E3E}
.course-curriculum-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:30px;margin-bottom:14px}
.course-curriculum-head h2{margin:0}
.course-curriculum-head p{margin:4px 0 0;color:#75859A;font-size:.75rem}
.access-badge{padding:7px 11px;border:1px solid #BFE3D2;border-radius:999px;background:#EFFAF5;color:#126447;font-size:.6875rem;font-weight:900;white-space:nowrap}
.lesson-row{transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background var(--transition)}
.lesson-row:hover{transform:translateY(-1px);border-color:#CBD8E5;box-shadow:0 9px 20px rgba(16,38,65,.055)}
.lesson-row strong em{display:inline-flex;margin-right:7px;padding:2px 7px;border-radius:999px;background:#EAF7F1;color:#176A4E;font-size:.59375rem;font-style:normal}
.lesson-row.completed{border-color:#D7E9E1;background:#FCFFFD}
.lesson-row.completed>span{background:#E8F7EF;color:#146A4A}
.lesson-row.locked:hover{transform:none;box-shadow:none}
.purchase-panel{overflow:hidden}
.purchase-panel::before{content:"";position:absolute;right:0;left:0;top:0;height:4px;background:linear-gradient(90deg,var(--had-primary),var(--had-gold));border-radius:23px 23px 0 0}
.purchase-state{margin:19px 0 13px;padding:13px 14px;display:grid;gap:3px;border:1px solid #DFE7EF;border-radius:14px;background:#F8FAFD}
.purchase-state b{color:#203B59;font-size:.78125rem}
.purchase-state span{color:#6F8094;font-size:.71875rem;line-height:1.65}
.purchase-state.success{border-color:#BFE3D2;background:#F0FAF5}
.purchase-state.success b{color:#126447}
.purchase-state.closed{border-color:#E2D7CC;background:#FCF8F4}
.purchase-state.warning{border-color:#EAD3AA;background:#FFF9EF}
.purchase-secondary{margin-top:9px}
.purchase-hint{display:block;margin-top:9px;color:#76869A;text-align:center;line-height:1.6}
.is-disabled{opacity:.62;pointer-events:none;cursor:not-allowed}
.lesson-hero p{margin-top:8px}
.lesson-page{max-width:960px}
.lesson-content-body{margin:26px 0;color:#31465D}
.lesson-no-video{margin-bottom:24px;padding:25px;border:1px dashed #CEDAE6;border-radius:17px;background:#F8FAFC;color:#6E7F94;text-align:center}
.lesson-attachment{margin:25px 0;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #DCE6EF;border-radius:16px;background:linear-gradient(135deg,#FAFCFE,#F3F7FB)}
.lesson-attachment div{display:grid;gap:3px}
.lesson-attachment b{color:#233F5D;font-size:.8125rem}
.lesson-attachment span{color:#74859A;font-size:.6875rem}
.complete-lesson-form{margin:28px 0;display:flex;justify-content:flex-end}
.locked-box{position:relative;overflow:hidden;padding:42px 30px;border-color:#DBE4ED;background:linear-gradient(145deg,#FBFCFE,#F3F7FB)}
.locked-box::after{content:"";position:absolute;left:-60px;top:-70px;width:190px;height:190px;border:30px solid rgba(8,43,92,.035);border-radius:50%}
.locked-box .lock-icon{position:relative;z-index:1;width:58px;height:58px;margin:0 auto 13px;display:grid;place-items:center;border-radius:18px;background:#EAF0F6;font-size:1.5rem}
.locked-box h2,.locked-box p,.locked-box .btn{position:relative;z-index:1}
.lesson-back{margin-top:25px}

.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 30px}
.account-stats>div{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #E0E8F0;border-radius:17px;background:#fff;box-shadow:0 10px 24px rgba(15,38,69,.045)}
.account-stats strong{color:var(--had-primary);font-size:1.25rem}
.account-stats span{color:#74859A;font-size:.75rem;font-weight:800}
.account-stat{position:relative;overflow:hidden}
.account-stat-icon{width:37px;height:37px;flex:0 0 37px;display:none;place-items:center;border:1px solid #DCE7F1;border-radius:12px;background:#F4F8FC;color:var(--had-primary)}
.account-stat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-stat-copy{display:contents}
.account-mobile-shortcuts{display:none}
.account-courses,.account-orders{margin-top:34px}
.account-courses .section-head p,.account-orders .section-head p{margin:5px 0 0;color:#73849A;font-size:.75rem}
.had-orders-list{display:grid;gap:10px}
.had-order-card{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:14px;padding:15px 17px;border:1px solid #E0E7EF;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(15,38,69,.04)}
.had-order-card>div{display:grid;gap:4px}
.had-order-card span{color:#7A899A;font-size:.65625rem}
.had-order-card strong,.had-order-card b{color:#263E59;font-size:.78125rem}
.order-status{width:max-content;padding:4px 8px;border-radius:999px;background:#EEF3F8}
.order-status.status-processing,.order-status.status-completed{background:#EAF8F2;color:#126A4B}
.order-status.status-on-hold,.order-status.status-pending{background:#FFF5E8;color:#8A591D}
.order-status.status-cancelled,.order-status.status-refunded,.order-status.status-failed{background:#FFF0F2;color:#8D2E3E}
.account-order-note{margin:12px 0 0;padding:10px 13px;border-radius:12px;background:#F8FAFC;color:#6E8095;font-size:.6875rem}
.account-settings-grid{margin-top:36px}
.had-order-access-note{margin-top:20px!important}

@media(max-width:900px){
  .had-order-card{grid-template-columns:repeat(3,1fr)}
  .had-order-card>.btn{grid-column:1/-1;width:max-content}
}
@media(max-width:700px){
  .course-curriculum-head{align-items:flex-start;flex-direction:column}
  .access-badge{white-space:normal}
  .purchase-panel{margin-top:4px}
  .lesson-attachment{align-items:stretch;flex-direction:column}
  .lesson-attachment .btn{width:100%}
  .complete-lesson-form .btn{width:100%}
  .account-stats{grid-template-columns:1fr 1fr 1fr;gap:7px}
  .account-stats>div{padding:13px 9px;align-items:flex-start;flex-direction:column}
  .account-stats strong{font-size:1.0625rem}
  .account-stats span{font-size:.65625rem}
  .had-order-card{grid-template-columns:1fr 1fr}
  .had-order-card>.btn{grid-column:1/-1;width:100%}
}
@media(max-width:420px){
  .account-stats{grid-template-columns:1fr}
  .account-stats>div{align-items:center;flex-direction:row}
  .had-order-card{grid-template-columns:1fr}
  .had-order-card>.btn{grid-column:auto}
  .locked-box{padding:32px 20px}
}

/* Protected request flow + mobile off-canvas containment v1.0.7 */
@media(max-width:1220px){
  html,body{max-width:100%;overflow-x:clip}
  .site-content{max-width:100%;overflow-x:clip}
  .main-nav{
    transform:translate3d(calc(100% + 36px),0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    will-change:transform,opacity;
  }
  body.nav-open .main-nav,.main-nav.open{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .menu-overlay{pointer-events:none!important}
  body.nav-open .menu-overlay{pointer-events:auto!important}
}
@supports not (overflow:clip){
  @media(max-width:1220px){html,body,.site-content{overflow-x:hidden}}
}

/* WooCommerce cart / checkout integration v1.0.9 */
.commerce-hero{padding-bottom:58px}
.commerce-section{padding-top:42px;background:linear-gradient(180deg,#fff,#F8FAFD)}
.had-commerce-shell{width:min(1080px,100%);margin:0 auto;padding:30px;background:#fff;border:1px solid #E3EAF2;border-radius:24px;box-shadow:0 18px 48px rgba(17,36,62,.08)}
.had-commerce-shell .woocommerce{width:100%}
.had-commerce-shell .woocommerce-notices-wrapper:empty{display:none}
.had-commerce-shell .woocommerce-message,.had-commerce-shell .woocommerce-info,.had-commerce-shell .woocommerce-error{border-radius:14px;border:1px solid #DCE6F0;background:#F7FAFD;padding:14px 18px;margin:0 0 20px;list-style:none}
.had-commerce-shell table.shop_table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #E1E8F0;border-radius:18px;overflow:hidden;background:#fff}
.had-commerce-shell table.shop_table th,.had-commerce-shell table.shop_table td{padding:14px 16px;border-bottom:1px solid #EDF1F5;text-align:right;vertical-align:middle}
.had-commerce-shell table.shop_table tr:last-child td{border-bottom:0}
.had-commerce-shell table.shop_table th{background:#F7F9FC;color:#31465F;font-size:.8125rem}
.had-commerce-shell .product-thumbnail img{width:72px;border-radius:12px}
.had-commerce-shell .quantity .qty,.had-commerce-shell input.input-text,.had-commerce-shell select,.had-commerce-shell textarea{border:1px solid #D8E2EC;border-radius:11px;padding:10px 12px;background:#fff}
.had-commerce-shell .button,.had-commerce-shell button.button,.had-commerce-shell a.button,.had-commerce-shell #place_order{min-height:42px;padding:9px 17px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,var(--had-primary),#173F7A);color:#fff;font-weight:800;cursor:pointer}
.had-commerce-shell .button:hover,.had-commerce-shell button.button:hover,.had-commerce-shell a.button:hover,.had-commerce-shell #place_order:hover{background:var(--had-primary-dark);color:#fff}
.had-commerce-shell .coupon{display:flex;gap:8px;flex-wrap:wrap}
.had-commerce-shell .cart_totals{margin-top:24px;padding:22px;border:1px solid #E2E9F1;border-radius:18px;background:#FAFCFE}
.had-commerce-shell .wc-proceed-to-checkout{margin-top:18px}
.had-commerce-shell .wc-proceed-to-checkout .checkout-button{width:100%;display:flex;justify-content:center;font-size:.9375rem}
.had-commerce-shell form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:28px;align-items:start}
.had-commerce-shell #customer_details,.had-commerce-shell #order_review_heading,.had-commerce-shell #order_review{min-width:0}
.had-commerce-shell #order_review_heading{margin:0 0 14px}
.had-commerce-shell #order_review{padding:22px;border:1px solid #E2E9F1;border-radius:18px;background:#FAFCFE}
.had-commerce-shell .form-row{margin:0 0 14px}
.had-commerce-shell .form-row label{display:block;margin-bottom:6px;font-size:.8125rem;font-weight:800;color:#405168}
.had-commerce-shell .form-row input,.had-commerce-shell .form-row select,.had-commerce-shell .form-row textarea{width:100%}
.had-commerce-shell .woocommerce-checkout-payment{margin-top:18px}
.had-commerce-shell .wc_payment_methods{list-style:none;margin:0;padding:0}
.had-commerce-shell .wc_payment_method{padding:14px 0;border-bottom:1px solid #E8EEF4}
.had-commerce-shell .payment_box{margin-top:10px;padding:14px;border-radius:12px;background:#EEF4FA;color:#405168}
.had-commerce-shell .woocommerce-order{line-height:1.8}
.had-commerce-shell .woocommerce-order-overview{list-style:none;margin:0 0 24px;padding:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid #E2E9F1;border-radius:16px;background:#F8FAFD}
.had-commerce-shell .woocommerce-bacs-bank-details{margin-top:24px;padding:22px;border:1px solid #E1E8F0;border-radius:18px;background:#FBFCFE}
@media(max-width:800px){
  .had-commerce-shell{padding:18px;border-radius:18px}
  .had-commerce-shell form.checkout{grid-template-columns:1fr}
  .had-commerce-shell table.shop_table{display:block;overflow-x:auto;white-space:nowrap}
  .had-commerce-shell .woocommerce-order-overview{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .commerce-section{padding-top:28px}
  .had-commerce-shell{width:100%;padding:14px;border-radius:16px}
  .had-commerce-shell .woocommerce-order-overview{grid-template-columns:1fr}
  .had-commerce-shell .coupon{display:grid;grid-template-columns:1fr}
  .had-commerce-shell .coupon .button{width:100%}
}

/* BACS WhatsApp receipt action v1.0.10 */
.had-whatsapp-receipt{margin:28px 0 8px;padding:24px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:17px;align-items:start;border:1px solid #CDE7D8;border-radius:20px;background:linear-gradient(135deg,#F5FFF9,#ECFAF2);box-shadow:0 16px 36px rgba(20,91,54,.07)}
.had-whatsapp-receipt__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#25D366;color:#fff;font-size:1.5625rem;font-weight:900;box-shadow:0 10px 22px rgba(37,211,102,.22)}
.had-whatsapp-receipt__content h2{margin:0 0 7px;color:#123A27;font-size:1.3125rem;line-height:1.45}
.had-whatsapp-receipt__content p{margin:0 0 17px;color:#50675A;font-size:.875rem;line-height:1.9}
.had-whatsapp-receipt__button{min-height:48px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#25D366;color:#fff!important;font-weight:900;box-shadow:0 12px 24px rgba(37,211,102,.2);transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}
.had-whatsapp-receipt__button:hover{background:#1DBA58;transform:translateY(-1px);box-shadow:0 15px 28px rgba(37,211,102,.25)}
.had-whatsapp-receipt__content small{display:block;margin-top:10px;color:#6A7F71;font-size:.6875rem}
@media(max-width:560px){.had-whatsapp-receipt{grid-template-columns:1fr;padding:19px}.had-whatsapp-receipt__icon{width:46px;height:46px}.had-whatsapp-receipt__button{width:100%;text-align:center}.had-whatsapp-receipt__content h2{font-size:1.1875rem}}

/* Unpaid bank-transfer cancellation + order hardening v1.0.11 */
.had-order-cancel-box,.had-pending-order-actions{margin:22px 0;padding:22px;border:1px solid #E5D8C8;border-radius:18px;background:linear-gradient(135deg,#FFFCF8,#FFF7EE)}
.had-order-cancel-box h2,.had-pending-order-actions h2{margin:0 0 7px;color:#5B3A18;font-size:1.25rem}
.had-order-cancel-box p,.had-pending-order-actions p{margin:0 0 14px;color:#75624E;font-size:.8125rem;line-height:1.85}
.had-order-cancel-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.had-order-cancel-form small{color:#806C58;font-size:.6875rem;line-height:1.7}
.had-order-cancel-button{min-height:43px;padding:9px 17px;border:1px solid #DAB8B8;border-radius:12px;background:#fff;color:#9A3442;font:inherit;font-weight:900;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}
.had-order-cancel-button:hover{background:#FFF2F3;border-color:#C98991;transform:translateY(-1px)}
.had-order-cancel-form.is-compact{display:inline-flex;margin:0}
.had-order-cancel-button.is-compact{min-height:38px;padding:7px 12px;font-size:.75rem}
.had-order-hide-form{display:inline-flex;margin:0}
.had-order-hide-button{min-height:38px;padding:7px 12px;border:1px solid #E3C7CC;border-radius:11px;background:#FFF7F8;color:#8D2E3E;font:inherit;font-size:.6875rem;font-weight:900;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}
.had-order-hide-button:hover{background:#FFEFF1;border-color:#D89FA7;transform:translateY(-1px)}
.had-pending-order-actions__buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.had-pending-order-actions__buttons .had-whatsapp-receipt__button{min-height:43px;padding:9px 17px;font-size:.8125rem}
.had-order-card__actions{display:flex!important;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.had-order-card__actions .btn{white-space:nowrap}
.btn-whatsapp{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.btn-whatsapp:hover{background:#1DBA58!important;border-color:#1DBA58!important}
@media(max-width:900px){.had-order-card__actions{grid-column:1/-1;justify-content:flex-start}.had-order-card__actions .btn,.had-order-card__actions .had-order-cancel-form,.had-order-card__actions .had-order-hide-form{flex:1 1 145px}.had-order-card__actions .had-order-cancel-button,.had-order-card__actions .had-order-hide-button{width:100%}}
@media(max-width:560px){.had-order-cancel-box,.had-pending-order-actions{padding:18px}.had-order-cancel-form,.had-pending-order-actions__buttons{display:grid;grid-template-columns:1fr;width:100%}.had-order-cancel-button,.had-pending-order-actions__buttons .had-whatsapp-receipt__button{width:100%}.had-order-card__actions{display:grid!important;grid-template-columns:1fr;width:100%}.had-order-card__actions .btn,.had-order-card__actions .had-order-cancel-form,.had-order-card__actions .had-order-hide-form,.had-order-card__actions .had-order-hide-button{width:100%}}

/* =========================================================
   Mobile UI Refresh v1.0.13
   Mobile-only presentation layer. Desktop layout is preserved.
========================================================= */
.footer-heading{margin:0 0 13px}
.footer-toggle{width:100%;padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:right;cursor:default}
.footer-toggle-icon{display:none}
.footer-panel{display:block}
.mobile-bottom-nav{display:none}

@media(max-width:700px){
  :root{--had-mobile-nav-height:68px}
  body.has-mobile-bottom-nav{padding-bottom:calc(var(--had-mobile-nav-height) + env(safe-area-inset-bottom,0px))}
  body.has-mobile-bottom-nav .floating-help{bottom:calc(var(--had-mobile-nav-height) + 14px + env(safe-area-inset-bottom,0px))}

  /* Global rhythm */
  .container{width:calc(100% - 24px)}
  .section{padding:42px 0}
  .section.soft{border-block-color:#F0F3F7}
  .section-head{margin-bottom:18px;gap:8px}
  .section-head h2,.section-title{font-size:1.375rem;line-height:1.45}
  .section-head p{font-size:.78125rem;line-height:1.8}
  .section-kicker,.eyebrow{padding:4px 9px;font-size:.65625rem}
  .page-hero{padding:38px 14px 34px}
  .page-hero h1{font-size:1.75rem;line-height:1.35}
  .page-hero p{margin-top:7px;font-size:.8125rem;line-height:1.75}
  .btn{min-height:46px;border-radius:13px}

  /* Course cards: compact app-style rows */
  .cards-grid{grid-template-columns:1fr!important;gap:12px}
  .course-card{display:grid;grid-template-columns:124px minmax(0,1fr);min-height:150px;border-radius:18px;box-shadow:0 8px 24px rgba(19,32,51,.065);transform:none!important}
  .course-card:hover{transform:none;box-shadow:0 8px 24px rgba(19,32,51,.065)}
  .course-card .card-media{height:100%;min-height:150px;border-radius:0;background:#EEF3F7}
  .course-card .card-media img{height:100%;min-height:150px;object-fit:cover}
  .course-card:hover .card-media img{transform:none}
  .course-card .card-media .status{top:9px;right:8px;max-width:calc(100% - 16px);padding:4px 7px;font-size:.5625rem;white-space:normal}
  .course-card .card-body{min-width:0;padding:11px 12px}
  .course-card .rating{font-size:.625rem;line-height:1.3}
  .course-card .card-body h3{margin:3px 0 5px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.55}
  .course-card .card-body p{font-size:.65625rem;line-height:1.5}
  .course-card .card-body .meta{display:none}
  .course-card .card-footer{margin-top:auto;padding-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;border-top:1px solid #EEF2F6}
  .course-card .card-footer strong{min-width:0;font-size:.75rem;line-height:1.45}
  .course-card .card-footer del{display:block;margin:1px 0 0;font-size:.53125rem}
  .course-card .card-footer .btn{width:auto;min-height:34px;padding:5px 10px;border-radius:10px;font-size:.625rem}

  /* Universities and teachers: two-column compact browsing */
  .university-strip,.university-archive{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .uni-card{min-height:126px;padding:12px 8px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(19,32,51,.05)}
  .uni-card img{width:68px;height:68px;padding:4px;border-radius:12px}
  .uni-card p{margin-top:8px;font-size:.71875rem;line-height:1.45}
  .teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .teacher-card{padding:14px 8px;border-radius:17px;box-shadow:0 6px 18px rgba(19,32,51,.05)}
  .teacher-card img{width:74px;height:74px;margin-bottom:8px;border-width:4px}
  .teacher-card h3{margin:4px 0;font-size:.78125rem;line-height:1.45}
  .teacher-card p{font-size:.65625rem;line-height:1.5}
  .teacher-card .rating{font-size:.65625rem}

  /* Other content cards */
  .feature-grid,.story-grid,.blog-grid,.logo-grid{gap:12px}
  .feature,.story,.blog-card,.logo-card{padding:18px;border-radius:18px}
  .feature .icon{width:46px;height:46px;margin-bottom:10px;border-radius:14px;font-size:1.25rem}
  .feature h3,.story h3{font-size:.9375rem}
  .feature p,.story p,.blog-card p{font-size:.75rem;line-height:1.75}

  /* Course detail */
  .course-detail{gap:16px}
  .detail-image{border-radius:18px;box-shadow:0 8px 24px rgba(19,32,51,.07)}
  .detail-image img{max-height:270px}
  .detail-panel{padding:19px 16px;border-radius:19px;box-shadow:0 12px 30px rgba(19,32,51,.08)}
  .detail-panel h1{margin-top:6px;font-size:1.4375rem;line-height:1.5}
  .price-big{margin:9px 0;font-size:1.4375rem}
  .chips{gap:5px;margin:11px 0}
  .chip{padding:4px 8px;font-size:.59375rem}
  .purchase-panel::before{height:3px;border-radius:19px 19px 0 0}
  .purchase-state{margin:13px 0 10px;padding:11px 12px;border-radius:12px}
  .purchase-state b{font-size:.71875rem}
  .purchase-state span{font-size:.65625rem}
  .detail-panel .btn{width:100%}
  .course-content{margin:20px 0}
  .course-content h2{font-size:1.25rem}
  .benefits-list{padding-right:18px;font-size:.8125rem}
  .course-curriculum-head{margin-top:24px;margin-bottom:11px}
  .course-curriculum-head h2{font-size:1.25rem}
  .lesson-list{gap:7px}
  .lesson-row{grid-template-columns:32px minmax(0,1fr) auto!important;gap:8px;padding:10px 11px;border-radius:13px}
  .lesson-row>span{width:30px;height:30px;border-radius:9px;font-size:.6875rem}
  .lesson-row strong{min-width:0;font-size:.75rem;line-height:1.55}
  .lesson-row strong em{margin-right:4px;padding:1px 5px;font-size:.5rem}
  .lesson-row small{grid-column:auto!important;font-size:.59375rem;white-space:nowrap}
  .locked-box{padding:28px 18px;border-radius:18px}
  .video-frame{border-radius:15px}
  .lesson-attachment{margin:18px 0;padding:14px;border-radius:14px}

  /* Account / My courses */
  .account-section{padding-top:28px}
  .account-hero{padding:17px 15px;border-radius:20px}
  .account-card{padding:17px 15px;border-radius:18px}
  .account-stats{gap:7px;margin-bottom:22px}
  .account-stats>div{min-height:68px;padding:11px;border-radius:14px}
  .account-course-list{display:grid;gap:10px}
  .account-course-item{grid-template-columns:78px minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:16px}
  .account-course-image{height:62px;border-radius:12px}
  .account-course-info h3{margin-bottom:7px;font-size:.78125rem;line-height:1.5}
  .account-course-info small{font-size:.59375rem;line-height:1.5}
  .account-course-item>.btn{grid-column:auto!important;width:auto!important;min-height:36px;padding:6px 10px;font-size:.625rem}
  .had-orders-list{gap:9px}
  .had-order-card{grid-template-columns:1fr 1fr!important;gap:10px;padding:13px;border-radius:15px}
  .had-order-card__actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  .had-order-card__actions .btn,.had-order-card__actions .had-order-cancel-form,.had-order-card__actions .had-order-hide-form{width:100%!important;min-width:0}
  .had-order-card__actions .had-order-cancel-button,.had-order-card__actions .had-order-hide-button{width:100%}

  /* Forms */
  .form-card{width:calc(100% - 24px);padding:20px 15px;border-radius:20px;box-shadow:0 12px 34px rgba(19,32,51,.08)}
  .form-grid{gap:13px}
  .field{gap:6px}
  .field label{font-size:.6875rem}
  .field input,.field select,.field textarea{min-height:50px;padding:11px 12px;border-radius:13px;font-size:.875rem}
  .field textarea{min-height:115px}
  .had-notice{padding:11px 12px;border-radius:12px;font-size:.75rem}

  /* Cart / checkout */
  .commerce-hero{padding-bottom:34px}
  .commerce-section{padding-top:22px}
  .had-commerce-shell{padding:13px;border-radius:18px;box-shadow:0 10px 30px rgba(17,36,62,.07)}
  .had-commerce-shell .woocommerce-message,.had-commerce-shell .woocommerce-info,.had-commerce-shell .woocommerce-error{padding:12px 13px;border-radius:12px;font-size:.75rem;line-height:1.7}
  .had-commerce-shell .cart_totals,.had-commerce-shell #order_review{padding:15px;border-radius:15px}
  .had-commerce-shell .form-row{margin-bottom:11px}
  .had-commerce-shell .form-row label{font-size:.71875rem}
  .had-commerce-shell .form-row input,.had-commerce-shell .form-row select,.had-commerce-shell .form-row textarea{min-height:48px;border-radius:12px}
  .had-commerce-shell .woocommerce-order-overview{gap:8px;padding:12px;border-radius:14px;font-size:.6875rem}
  .had-commerce-shell .woocommerce-bacs-bank-details{margin-top:18px;padding:15px;border-radius:15px}
  .had-whatsapp-receipt{margin-top:18px;padding:16px;border-radius:17px}
  .had-whatsapp-receipt__content h2{font-size:1.125rem}
  .had-whatsapp-receipt__content p{font-size:.75rem}
  .had-order-cancel-box,.had-pending-order-actions{margin:16px 0;padding:16px;border-radius:16px}

  /* Pre-footer: shorter and cleaner */
  .prefooter{width:calc(100% - 24px);margin:36px auto 18px;padding:20px 16px;gap:15px;border-radius:19px;text-align:right;align-items:stretch}
  .prefooter h2{font-size:1.1875rem;line-height:1.5}
  .prefooter p{margin-top:4px;font-size:.71875rem;line-height:1.75}
  .prefooter .actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .prefooter .actions .btn{width:100%!important;min-height:42px;padding:8px 10px;font-size:.6875rem}

  /* Footer: compact accordion */
  .footer{padding:24px 12px calc(18px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 8% 5%,rgba(212,154,74,.11),transparent 22%),linear-gradient(160deg,#03162d,#062142 62%,#082b54)}
  .footer-grid{width:100%;grid-template-columns:1fr!important;gap:8px}
  .footer-brand{grid-column:1!important;padding:17px 15px;border-radius:17px;text-align:right}
  .footer-logo{width:112px;max-height:56px;margin:0 0 10px}
  .footer-brand p{margin:0 0 10px;font-size:.71875rem;line-height:1.75}
  .footer-brand small{font-size:.59375rem;line-height:1.7}
  .social-links{gap:6px;margin:9px 0}
  .social-links a{padding:4px 8px;border-radius:8px;font-size:.5625rem}
  .footer-section{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}
  .footer-heading{margin:0!important}
  .footer-toggle{min-height:47px;padding:0 14px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:900}
  .footer-toggle-icon{display:inline-grid;width:25px;height:25px;place-items:center;border-radius:8px;background:rgba(255,255,255,.07);color:#E8BC78;font-size:1rem;font-weight:400}
  .footer-panel{padding:0 14px 12px}
  .footer.footer-accordion-ready .footer-panel{display:none}
  .footer.footer-accordion-ready .footer-section.is-open .footer-panel{display:block}
  .footer.footer-accordion-ready .footer-section.is-open{background:rgba(255,255,255,.055);border-color:rgba(232,188,120,.15)}
  .footer-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}
  .footer-panel a{min-width:0;padding:7px 0;font-size:.65625rem;line-height:1.45;word-break:break-word}
  .copyright{width:100%;margin-top:16px;padding:14px 8px 0;font-size:.59375rem;line-height:1.7}

  /* App-like bottom navigation */
  .mobile-bottom-nav{position:fixed;right:8px;left:8px;bottom:max(8px,env(safe-area-inset-bottom,0px));z-index:75;height:60px;padding:5px 4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;border:1px solid var(--had-mobile-nav-border,#D0DCE8);border-radius:19px;background:var(--had-mobile-nav-bg,#FFFFFF);box-shadow:0 14px 40px rgba(7,27,55,.17);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-bottom-nav__item{position:relative;min-width:0;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:13px;color:var(--had-mobile-nav-text,#718297);font-size:.5625rem;font-weight:800;line-height:1.2;transition:background .18s ease,color .18s ease,transform .18s ease}
  .mobile-bottom-nav__item svg{width:20px;height:20px;fill:none;stroke:var(--had-mobile-nav-icon,#607B98);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s ease}
  .mobile-bottom-nav__item.is-active{color:var(--had-mobile-nav-active-text,#082B5C);background:var(--had-mobile-nav-active-bg,#EEF4FA)}
  .mobile-bottom-nav__item.is-active svg{stroke:var(--had-mobile-nav-active-icon,#082B5C)}
  .mobile-bottom-nav__item.is-active::after{content:"";position:absolute;bottom:2px;width:14px;height:2px;border-radius:999px;background:var(--had-mobile-nav-indicator,#D49A4A)}
  .mobile-bottom-nav__item:active{transform:scale(.96)}
}

@media(max-width:420px){
  .container{width:calc(100% - 18px)}
  .section{padding:36px 0}
  .page-hero{padding:32px 12px 29px}
  .page-hero h1{font-size:1.5625rem}
  .course-card{grid-template-columns:108px minmax(0,1fr);min-height:142px}
  .course-card .card-media,.course-card .card-media img{min-height:142px}
  .course-card .card-body{padding:10px}
  .course-card .card-body h3{font-size:.8125rem}
  .course-card .card-footer strong{font-size:.6875rem}
  .uni-card{min-height:116px}
  .uni-card img{width:61px;height:61px}
  .teacher-card img{width:68px;height:68px}
  .lesson-row{grid-template-columns:29px minmax(0,1fr)!important}
  .lesson-row small{grid-column:2!important;justify-self:start}
  .account-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .account-stats>div{min-height:62px;padding:9px 7px;align-items:flex-start!important;flex-direction:column!important}
  .account-stats strong{font-size:.9375rem}
  .account-stats span{font-size:.59375rem}
  .account-course-item{grid-template-columns:70px minmax(0,1fr)!important}
  .account-course-image{height:58px!important}
  .account-course-item>.btn{grid-column:1/-1!important;width:100%!important}
  .had-order-card{grid-template-columns:1fr!important}
  .had-order-card__actions{grid-template-columns:1fr!important}
  .prefooter{width:calc(100% - 18px);padding:18px 14px}
  .prefooter .actions{grid-template-columns:1fr!important}
  .footer-panel ul{grid-template-columns:1fr 1fr}
  .mobile-bottom-nav{right:5px;left:5px;border-radius:17px}
  .mobile-bottom-nav__item{font-size:.53125rem}
  .mobile-bottom-nav__item svg{width:19px;height:19px}
}

/* Course filters refresh v1.0.14 */
.course-archive-section{padding-top:42px}
.course-filter-panel{position:relative;margin:0 0 26px;padding:0;border:1px solid #DDE6EF;border-radius:22px;background:linear-gradient(180deg,#FFFFFF,#FBFCFE);box-shadow:0 14px 38px rgba(17,38,66,.065);overflow:hidden}
.course-filter-panel::before{content:"";position:absolute;right:0;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--had-primary),var(--had-gold),var(--had-primary));opacity:.85}
.course-filter-panel__head{min-height:72px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #E8EEF4;background:linear-gradient(180deg,#FEFFFF,#F8FAFD)}
.course-filter-panel__title{display:flex;align-items:center;gap:12px;min-width:0}
.course-filter-panel__icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid #DCE6F0;border-radius:13px;background:#EFF4F9;color:var(--had-primary)}
.course-filter-panel__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.course-filter-panel__title>div{display:grid;gap:2px}
.course-filter-panel__title strong{color:#183653;font-size:.9375rem}
.course-filter-panel__title span{color:#7B8B9D;font-size:.6875rem;font-weight:700}
.course-filter-panel__head-actions{display:flex;align-items:center;gap:9px}
.course-filter-context{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid #D6E2EC;border-radius:999px;background:#FFF;color:#244769;font-size:.6875rem;font-weight:900}
.course-filter-toggle{display:none;min-height:38px;padding:7px 11px;align-items:center;gap:7px;border:1px solid #D7E1EB;border-radius:11px;background:#fff;color:#244769;font-weight:900;cursor:pointer}
.course-filter-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}
.course-filters{padding:18px;display:grid;grid-template-columns:minmax(210px,1.2fr) repeat(3,minmax(0,1fr));gap:14px 13px;align-items:end}
.course-filter-field{min-width:0;display:grid;gap:7px}
.course-filter-field label{padding-inline:2px;color:#566B81;font-size:.65625rem;font-weight:900}
.course-filter-control{position:relative;min-width:0}
.course-filter-control select,.course-filter-control input{width:100%;height:48px;margin:0;padding:10px 13px;border:1px solid #D7E1EB;border-radius:13px;background:#FFF;color:#213D59;font-size:.8125rem;font-weight:700;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}
.course-filter-control select{padding-left:36px;appearance:auto;cursor:pointer}
.course-filter-control input::placeholder{color:#9AA8B7;font-weight:500}
.course-filter-control select:hover,.course-filter-control input:hover{border-color:#C3D1DE;background:#FCFDFF}
.course-filter-control select:focus,.course-filter-control input:focus{border-color:#8FA9C2;box-shadow:0 0 0 4px rgba(8,43,92,.07)}
.course-filter-field.is-unavailable .course-filter-control select{color:#8B99A9;background:#F6F8FA;cursor:not-allowed;border-style:dashed}
.course-filter-field.is-context .course-filter-control select{color:#244769;background:#F2F6FA;border-color:#D7E3ED;cursor:default;font-weight:900}
.course-filter-field--search .course-filter-control svg{position:absolute;z-index:2;right:14px;top:14px;width:20px;height:20px;fill:none;stroke:#7D90A4;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.course-filter-field--search input{padding-right:43px}
.course-filter-control--price span{position:absolute;left:12px;top:50%;transform:translateY(-50%);padding-right:10px;border-right:1px solid #E4EAF0;color:#7B8C9E;font-size:.625rem;font-weight:900;pointer-events:none}
.course-filter-control--price input{padding-left:52px;direction:rtl}
.course-filter-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:2px}
.course-filter-submit{min-width:150px}
.course-filter-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.course-filter-reset{min-width:108px}
.course-filter-active{padding:13px 18px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px solid #EDF1F5;background:#FBFCFE}
.course-filter-active__label{margin-left:2px;color:#6E8195;font-size:.65625rem;font-weight:900}
.course-filter-chip{display:inline-flex;align-items:center;min-height:29px;padding:5px 9px;border:1px solid #D9E4ED;border-radius:999px;background:#FFF;color:#34516D;font-size:.625rem;font-weight:800}
.course-filter-clear{margin-right:auto;color:#9A5B18;font-size:.65625rem;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.course-results-head{min-height:42px;margin:0 1px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.course-results-head>div{display:flex;align-items:baseline;gap:6px}
.course-results-head strong{color:var(--had-primary);font-size:1.1875rem}
.course-results-head span,.course-results-head small{color:#75879A;font-size:.6875rem;font-weight:700}
.course-filter-empty{display:grid;justify-items:center;gap:8px;padding:50px 24px}
.course-filter-empty strong{color:#29445F;font-size:1.0625rem}
.course-filter-empty span{color:#788A9D;font-size:.75rem}

@media(max-width:1050px){
  .course-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-filter-field--search{grid-column:1/-1}
}

@media(max-width:700px){
  .course-archive-section{padding-top:24px}
  .course-filter-panel{margin-bottom:18px;border-radius:18px;box-shadow:0 10px 28px rgba(17,38,66,.055)}
  .course-filter-panel__head{min-height:62px;padding:11px 12px;gap:10px}
  .course-filter-panel__icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .course-filter-panel__icon svg{width:18px;height:18px}
  .course-filter-panel__title{gap:9px}
  .course-filter-panel__title strong{font-size:.8125rem}
  .course-filter-panel__title span{font-size:.59375rem}
  .course-filter-context{display:none}
  .course-filter-toggle{display:inline-flex}
  .course-filter-panel.is-collapsed .course-filter-toggle svg{transform:rotate(90deg)}
  .course-filter-panel.is-collapsed .course-filters{display:none}
  .course-filters{padding:13px 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 9px}
  .course-filter-field{gap:5px}
  .course-filter-field label{font-size:.59375rem}
  .course-filter-control select,.course-filter-control input{height:45px;padding:8px 10px;border-radius:12px;font-size:.75rem}
  .course-filter-field--search{grid-column:1/-1}
  .course-filter-field--search .course-filter-control svg{right:12px;top:13px;width:18px;height:18px}
  .course-filter-field--search input{padding-right:38px}
  .course-filter-control--price input{padding-left:47px}
  .course-filter-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:2px}
  .course-filter-submit,.course-filter-reset{min-width:0;width:100%}
  .course-filter-reset{padding-inline:13px}
  .course-filter-active{padding:10px 12px 12px;gap:5px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .course-filter-active::-webkit-scrollbar{display:none}
  .course-filter-active__label,.course-filter-chip,.course-filter-clear{flex:0 0 auto}
  .course-filter-chip{min-height:27px;padding:4px 8px;font-size:.5625rem}
  .course-filter-clear{margin-right:2px}
  .course-results-head{min-height:34px;margin-bottom:10px}
  .course-results-head strong{font-size:1rem}
  .course-results-head span,.course-results-head small{font-size:.59375rem}
}

@media(max-width:420px){
  .course-filter-panel__head-actions{gap:5px}
  .course-filter-toggle{padding:6px 9px;font-size:.65625rem}
  .course-filters{grid-template-columns:1fr}
  .course-filter-field--search,.course-filter-actions{grid-column:1}
  .course-filter-actions{grid-template-columns:1fr 1fr}
  .course-filter-submit,.course-filter-reset{min-height:43px;padding:8px 9px;font-size:.65625rem}
  .course-results-head small{display:none}
  .course-filter-empty{padding:38px 16px}
  .course-filter-empty strong{font-size:.9375rem;text-align:center}
}

/* =========================================================
   v1.0.17 — Premium announcement/news ticker
   Scoped to the top announcement only; desktop layout below is untouched.
========================================================= */
.announcement.announcement-ticker{
  min-height:38px;
  height:38px;
  padding:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 42px;
  align-items:stretch;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 20% -90%,rgba(232,188,120,.28),transparent 42%),
    linear-gradient(90deg,#021a3a 0%,var(--had-primary) 50%,#123f72 100%);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.08);
  font-size:.75rem;
  font-weight:700;
  line-height:1;
}
.announcement-ticker-badge{
  min-width:116px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  position:relative;
  z-index:4;
  white-space:nowrap;
  color:#fff;
  background:linear-gradient(135deg,rgba(212,154,74,.98),rgba(232,188,120,.94));
  box-shadow:-14px 0 28px rgba(2,22,51,.18);
  font-size:.6875rem;
  font-weight:900;
}
.announcement-ticker-badge::after{
  content:"";
  position:absolute;
  left:-12px;
  top:0;
  width:22px;
  height:100%;
  background:inherit;
  clip-path:polygon(100% 0,100% 100%,0 50%);
}
.announcement-ticker-badge>span{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.16);
  animation:hadTickerPulse 1.5s ease-in-out infinite;
}
@keyframes hadTickerPulse{50%{transform:scale(.72);opacity:.68}}
.announcement-ticker-viewport{
  min-width:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  direction:ltr;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}
.announcement-ticker-track{
  width:max-content;
  min-width:max-content;
  display:flex;
  align-items:center;
  will-change:transform;
  animation:hadTickerMoveLTR var(--had-ticker-duration,34s) linear infinite;
}
/* News-channel behavior: the ticker intentionally keeps moving continuously.
   This also avoids sticky mobile hover/focus states freezing the track. */
.announcement-ticker-group{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:28px;
  padding-inline:28px;
  direction:rtl;
}
.announcement-ticker-item{
  display:inline-flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  color:#f7fbff;
  font-size:.75rem;
  letter-spacing:.02em;
}
.announcement-ticker-item>i{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:var(--had-gold);
  box-shadow:0 0 0 3px rgba(212,154,74,.12);
}
.announcement-coupon-item{
  gap:7px;
  padding:4px 9px 4px 6px;
  border:1px solid rgba(232,188,120,.25);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.announcement-coupon-label{color:#f8e6c9;font-weight:800}
.announcement-coupon-item>strong{color:#ffd99c;font-size:.8125rem}
.announcement-coupon-code{
  min-width:58px;
  height:25px;
  padding:0 9px;
  border:1px dashed rgba(255,255,255,.58);
  border-radius:999px;
  background:#fff;
  color:var(--had-primary-dark);
  cursor:pointer;
  font-size:.6875rem;
  font-weight:950;
  line-height:23px;
  letter-spacing:.5px;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.announcement-coupon-code:hover,.announcement-coupon-code:focus-visible{
  transform:translateY(-1px);
  background:#fff9ef;
  box-shadow:0 5px 14px rgba(0,0,0,.14);
}
.announcement-coupon-code.copied{background:#eaf8f0;color:#167a55}
.announcement.announcement-ticker .announcement-close{
  position:relative;
  inset:auto;
  width:42px;
  height:38px;
  display:grid;
  place-items:center;
  z-index:5;
  border:0;
  border-right:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:rgba(0,0,0,.08);
  color:#dfe9f4;
  cursor:pointer;
  font-size:1.1875rem;
  line-height:1;
  transform:none;
  transition:background .18s ease,color .18s ease;
}
.announcement.announcement-ticker .announcement-close:hover{background:rgba(255,255,255,.10);color:#fff}
.announcement-copy-toast{
  position:absolute;
  left:48px;
  top:50%;
  z-index:10;
  padding:6px 10px;
  border-radius:9px;
  background:#fff;
  color:#173456;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  font-size:.625rem;
  font-weight:900;
  opacity:0;
  pointer-events:none;
  transform:translateY(-35%);
  transition:opacity .18s ease,transform .18s ease;
}
.announcement-copy-toast.show{opacity:1;transform:translateY(-50%)}
@keyframes hadTickerMoveLTR{
  /* Two identical groups are rendered back-to-back. Starting one full group
     to the left and returning to zero makes the visible copy travel smoothly
     from left to right, then loop without a visual jump. */
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(max-width:700px){
  .announcement.announcement-ticker{
    min-height:34px;
    height:34px;
    grid-template-columns:auto minmax(0,1fr) 34px;
    font-size:.65625rem;
  }
  .announcement-ticker-badge{
    min-width:82px;
    padding:0 11px;
    gap:6px;
    font-size:.59375rem;
  }
  .announcement-ticker-badge::after{left:-9px;width:17px}
  .announcement-ticker-badge>span{width:6px;height:6px;flex-basis:6px;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
  .announcement-ticker-group{gap:20px;padding-inline:20px}
  .announcement-ticker-item{gap:7px;font-size:.65625rem}
  .announcement-coupon-item{padding:3px 7px 3px 5px;gap:5px}
  .announcement-coupon-label{display:none}
  .announcement-coupon-item>strong{font-size:.6875rem}
  .announcement-coupon-code{min-width:52px;height:23px;padding-inline:7px;font-size:.625rem;line-height:21px}
  .announcement.announcement-ticker .announcement-close{width:34px;height:34px;font-size:1.0625rem}
  .announcement-copy-toast{left:39px;font-size:.5625rem}
}
@media(max-width:420px){
  .announcement-ticker-badge{min-width:72px;padding-inline:8px;font-size:.5625rem}
  .announcement-ticker-group{gap:17px;padding-inline:17px}
  .announcement-ticker-item{font-size:.625rem}
}
@media(prefers-reduced-motion:reduce){
  /* Keep the requested news-ticker movement, but remove the decorative pulse. */
  .announcement-ticker-badge>span{animation:none}
}
/* Specificity reset: the legacy .announcement button rule must not affect the coupon chip. */
.announcement.announcement-ticker .announcement-coupon-code{
  position:static;
  inset:auto;
  left:auto;
  top:auto;
  width:auto;
  min-width:58px;
  height:25px;
  padding:0 9px;
  display:inline-block;
  transform:none;
  border:1px dashed rgba(255,255,255,.58);
  border-radius:999px;
  background:#fff;
  color:var(--had-primary-dark);
  font-size:.6875rem;
  line-height:23px;
}
.announcement.announcement-ticker .announcement-coupon-code:hover,
.announcement.announcement-ticker .announcement-coupon-code:focus-visible{
  transform:translateY(-1px);
  background:#fff9ef;
  color:var(--had-primary-dark);
}
.announcement.announcement-ticker .announcement-coupon-code.copied{background:#eaf8f0;color:#167a55}
@media(max-width:700px){
  .announcement.announcement-ticker .announcement-coupon-code{min-width:52px;height:23px;padding-inline:7px;font-size:.625rem;line-height:21px}
}


/* =========================================================
   v1.0.18 — Ticker motion reliability + mobile contact containment
   Desktop form layout is intentionally untouched.
========================================================= */
.announcement-ticker-track{
  animation-name:hadTickerMoveLTR;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-fill-mode:both;
}

@media(max-width:700px){
  /* iOS/Safari and some RTL browsers can expose transformed off-canvas content
     as horizontal document overflow. Use hidden (rather than clip) on phones
     to keep the viewport anchored to the page. */
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .site-content,.site-header,.footer{width:100%;max-width:100%;overflow-x:hidden}

  /* The support/contact form is kept strictly inside the phone viewport.
     16px controls also prevent Safari's automatic input zoom, which can leave
     an RTL page visually shifted after focusing a field. */
  .had-form-hero,.had-form-page{width:100%;max-width:100vw;overflow-x:hidden}
  .had-form-page .form-card{
    width:calc(100% - 24px);
    max-width:calc(100vw - 24px);
    min-width:0;
    margin-inline:auto;
  }
  .had-form-page form,
  .had-form-page .form-grid,
  .had-form-page .field{min-width:0;max-width:100%}
  .had-form-page .field input,
  .had-form-page .field select,
  .had-form-page .field textarea{
    width:100%;
    max-width:100%;
    min-width:0;
    font-size:1rem;
  }
  .had-form-page .field textarea{resize:vertical}
}

@media(max-width:420px){
  .had-form-page .form-card{
    width:calc(100% - 18px);
    max-width:calc(100vw - 18px);
  }
}

/* =========================================================
   v1.0.19 — Immediate ticker paint + true RTL mobile overflow fix
========================================================= */
/* JS takes over the transform as soon as main.js runs. CSS animation remains
   a no-JS fallback only. */
.announcement-ticker-track.is-js-driven{
  animation:none!important;
  animation-play-state:paused!important;
}

/* Never hide bot protection by placing it thousands of pixels outside an RTL
   document. Off-screen absolute positioning can enlarge the horizontal scroll
   area on mobile Safari/Chromium. Keep the field present but visually clipped. */
.honeypot{
  position:fixed!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:0!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:700px){
  /* Avoid off-canvas transformed geometry outside the RTL viewport. The
     drawer now reveals from the right using clipping, so its closed state
     cannot widen or shift the document. */
  .main-nav{
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    clip-path:inset(0 0 0 100%)!important;
    transition:clip-path .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility .18s ease!important;
  }
  body.nav-open .main-nav,.main-nav.open{
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    clip-path:inset(0 0 0 0)!important;
  }

  html,body,.site-content,.footer{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .site-header{max-width:100%!important;overflow:visible!important}
  .had-form-hero--support,.had-form-page--support,
  .had-form-page--support .form-card,
  .had-form-page--support form,
  .had-form-page--support .form-grid,
  .had-form-page--support .field{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .had-form-page--support .form-card{
    width:calc(100% - 24px);
    margin-inline:auto;
  }
}

@media(max-width:420px){
  .had-form-page--support .form-card{width:calc(100% - 18px)}
}

/* =========================================================
   v1.0.20 — Keep the live ticker visible together with the header
   The ticker text keeps moving; only the combined header shell is sticky.
========================================================= */
.had-sticky-shell{
  position:sticky;
  top:0;
  z-index:160;
  width:100%;
  max-width:100%;
}
/* Sticky belongs to the shell now. Keeping the inner header relative avoids
   nested sticky offsets and makes closing the ticker collapse naturally. */
.had-sticky-shell>.site-header{
  position:relative!important;
  top:auto!important;
}
body.admin-bar .had-sticky-shell{top:32px}
@media(max-width:782px){
  body.admin-bar .had-sticky-shell{top:46px}
}
@media(max-width:700px){
  /* WordPress' admin bar is no longer fixed on narrow phones; keeping a top
     offset here would create a blank strip while scrolling. */
  body.admin-bar .had-sticky-shell{top:0}
  .had-sticky-shell{max-width:100vw}
}



/* =========================================================
   v1.0.21 — Reliable fixed ticker + header on phones
   Desktop keeps the v1.0.20 sticky shell. On phones the shell is truly fixed
   because mobile RTL overflow containment can make CSS sticky unreliable.
========================================================= */
.had-sticky-spacer{display:none}
@media(max-width:700px){
  .had-sticky-shell{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:0!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    z-index:160!important;
    margin:0!important;
    transform:none!important;
  }
  body.admin-bar .had-sticky-shell{top:0!important}
  .had-sticky-shell>.site-header{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
  }
  .had-sticky-spacer{
    display:block;
    width:100%;
    height:var(--had-mobile-sticky-height,132px);
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    pointer-events:none;
  }
}
@media(min-width:701px){
  .had-sticky-spacer{display:none!important;height:0!important}
}

/* =========================================================
   v1.0.22 — Homepage mobile cards polish
   Scope: homepage feature + teacher/student cards only.
   Header and footer are intentionally untouched.
========================================================= */
.home-join-card__top{display:contents}
.home-join-card__symbol{display:none}

@media(max-width:700px){
  /* "Why Had" — compact app-style value cards */
  .value-section{
    padding-top:38px;
    padding-bottom:42px;
    background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFD 100%);
  }
  .value-section .section-head{
    margin-bottom:16px;
  }
  .value-section .section-head h2{
    max-width:300px;
    font-size:1.375rem;
    line-height:1.45;
  }
  .value-section .feature-grid{
    grid-template-columns:1fr!important;
    gap:10px;
  }
  .value-section .feature{
    position:relative;
    min-height:96px;
    padding:14px 14px 14px 16px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    grid-template-areas:"had-feature-icon had-feature-title" "had-feature-icon had-feature-copy";
    column-gap:12px;
    row-gap:2px;
    align-items:start;
    overflow:hidden;
    border:1px solid #E7EDF4;
    border-radius:18px;
    background:linear-gradient(135deg,#FFFFFF,#FAFCFE);
    box-shadow:0 7px 20px rgba(19,32,51,.055);
    transform:none!important;
  }
  .value-section .feature::after{
    content:"";
    position:absolute;
    top:17px;
    right:0;
    width:3px;
    height:calc(100% - 34px);
    border-radius:3px 0 0 3px;
    background:linear-gradient(180deg,var(--had-primary),#315A8D);
    opacity:.9;
  }
  .value-section .feature:nth-child(2n)::after{
    background:linear-gradient(180deg,var(--had-gold),#E8BC78);
  }
  .value-section .feature:hover{
    transform:none!important;
    box-shadow:0 7px 20px rgba(19,32,51,.055);
  }
  .value-section .feature .icon{
    grid-area:had-feature-icon;
    width:50px;
    height:50px;
    margin:1px 0 0;
    border:1px solid #E1EAF4;
    border-radius:15px;
    background:linear-gradient(145deg,#F3F7FB,#EAF1F8);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
    font-size:1.3125rem;
  }
  .value-section .feature:nth-child(2n) .icon{
    border-color:#F0E1C7;
    background:linear-gradient(145deg,#FFF9F0,#F8EDD9);
  }
  .value-section .feature h3{
    grid-area:had-feature-title;
    align-self:end;
    margin:0;
    padding-top:1px;
    color:#20344D;
    font-size:.875rem;
    line-height:1.55;
  }
  .value-section .feature p{
    grid-area:had-feature-copy;
    margin:0;
    color:#6A788A;
    font-size:.71875rem;
    line-height:1.7;
  }

  /* Teacher / student rights cards */
  .home-join-section{
    padding-top:38px;
    padding-bottom:44px;
  }
  .home-join-section .join-split{
    grid-template-columns:1fr!important;
    gap:14px;
  }
  .home-join-card{
    position:relative;
    min-height:0;
    padding:19px 17px 17px;
    overflow:hidden;
    border-radius:22px;
    box-shadow:0 10px 28px rgba(19,32,51,.07);
  }
  .home-join-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
  }
  .home-join-card--teacher{
    border-color:#DDE8F3;
    background:radial-gradient(circle at 10% 0,rgba(8,43,92,.08),transparent 34%),linear-gradient(145deg,#F8FBFE,#EEF4FA);
  }
  .home-join-card--teacher::before{
    background:linear-gradient(90deg,#315A8D,var(--had-primary));
  }
  .home-join-card--student{
    border-color:#EFDFC2;
    background:radial-gradient(circle at 10% 0,rgba(212,154,74,.12),transparent 34%),linear-gradient(145deg,#FFFCF7,#FBF3E5);
  }
  .home-join-card--student::before{
    background:linear-gradient(90deg,#E6B76F,var(--had-gold));
  }
  .home-join-card__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:9px;
  }
  .home-join-card__top .section-kicker{
    margin:0;
  }
  .home-join-card--student .section-kicker{
    background:#FFF3DF;
    color:#8B5A18;
  }
  .home-join-card__symbol{
    flex:0 0 auto;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(8,43,92,.1);
    border-radius:14px;
    background:rgba(255,255,255,.72);
    box-shadow:0 6px 16px rgba(19,32,51,.055);
    font-size:1.3125rem;
  }
  .home-join-card--student .home-join-card__symbol{
    border-color:rgba(212,154,74,.2);
  }
  .home-join-card h2{
    margin:0 0 6px;
    color:#1D324B;
    font-size:1.375rem;
    line-height:1.45;
  }
  .home-join-card p{
    margin:0 0 14px;
    color:#68788A;
    font-size:.78125rem;
    line-height:1.75;
  }
  .home-join-card ul{
    margin:0 0 17px;
    padding:0;
    display:grid;
    gap:8px;
    list-style:none;
  }
  .home-join-card li{
    position:relative;
    margin:0;
    padding-right:25px;
    color:#53657A;
    font-size:.75rem;
    line-height:1.65;
  }
  .home-join-card li::before{
    content:"✓";
    position:absolute;
    top:1px;
    right:0;
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#E4EEF8;
    color:var(--had-primary);
    font-size:.625rem;
    font-weight:900;
  }
  .home-join-card--student li::before{
    background:#F7E8CE;
    color:#8B5A18;
  }
  .home-join-card>.btn{
    width:100%;
    min-height:46px;
    margin-top:1px;
    border-radius:13px;
    font-size:.8125rem;
  }
  .home-join-card--student>.btn-outline{
    border-color:#D9B67D;
    background:rgba(255,255,255,.78);
    color:#7A4C13;
  }
}

@media(max-width:420px){
  .value-section .feature{
    grid-template-columns:46px minmax(0,1fr);
    min-height:92px;
    padding:13px 12px 13px 14px;
    column-gap:10px;
  }
  .value-section .feature .icon{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:1.25rem;
  }
  .value-section .feature h3{font-size:.84375rem}
  .value-section .feature p{font-size:.6875rem;line-height:1.65}
  .home-join-card{padding:18px 15px 15px;border-radius:20px}
  .home-join-card h2{font-size:1.25rem}
  .home-join-card__symbol{width:41px;height:41px;border-radius:13px;font-size:1.25rem}
}

/* =========================================================
   v1.0.23 — Homepage student reviews, mobile only
   Desktop grid remains unchanged; header/footer untouched.
========================================================= */
.home-review-rating,
.home-review-footer,
.home-reviews-controls{display:none}

@media(max-width:700px){
  .home-reviews-section{
    position:relative;
    overflow:hidden;
    padding-top:42px;
    padding-bottom:46px;
    background:
      radial-gradient(circle at 8% 5%,rgba(212,154,74,.09),transparent 28%),
      linear-gradient(180deg,#F8FAFD 0%,#FFFFFF 100%);
  }
  .home-reviews-section .container{position:relative;z-index:1}
  .home-reviews-section .section-head{
    margin-bottom:15px;
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
  }
  .home-reviews-section .section-head>div{min-width:0}
  .home-reviews-section .section-head h2{
    margin-top:5px;
    font-size:1.4375rem;
    line-height:1.45;
  }
  .home-reviews-section .section-head .text-link{
    flex:0 0 auto;
    min-height:34px;
    padding:7px 11px;
    display:inline-flex;
    align-items:center;
    border:1px solid #E2E9F1;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    box-shadow:0 4px 14px rgba(19,32,51,.045);
    font-size:.65625rem;
    white-space:nowrap;
  }
  .home-reviews-viewport{
    width:100%;
    overflow:hidden;
    padding:2px;
    margin:-2px;
    touch-action:pan-y;
  }
  .home-reviews-track{
    width:100%;
    display:flex!important;
    grid-template-columns:none!important;
    gap:0!important;
    direction:ltr;
    align-items:stretch;
    transition:transform .58s cubic-bezier(.22,.75,.24,1);
    will-change:transform;
  }
  .home-review-card.story{
    position:relative;
    flex:0 0 100%;
    width:100%;
    min-width:100%;
    min-height:238px;
    padding:19px 17px 16px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    grid-template-areas:
      "avatar title"
      "avatar rating"
      "copy copy"
      "footer footer";
    grid-template-rows:auto auto 1fr auto;
    column-gap:11px;
    row-gap:2px;
    direction:rtl;
    overflow:hidden;
    border:1px solid #E4EAF1;
    border-radius:22px;
    background:linear-gradient(145deg,#FFFFFF 0%,#FBFCFE 100%);
    box-shadow:0 12px 30px rgba(19,32,51,.075);
    transform:none!important;
  }
  .home-review-card.story::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg,var(--had-gold),#EBC98E 47%,var(--had-primary));
  }
  .home-review-card.story::before{
    content:"“";
    position:absolute;
    top:14px;
    left:16px;
    color:#E8EEF5;
    font-family:Georgia,serif;
    font-size:3.375rem;
    line-height:1;
    font-weight:900;
    pointer-events:none;
  }
  .home-review-card .home-review-avatar{
    grid-area:avatar;
    width:46px;
    height:46px;
    margin:0;
    align-self:start;
    border:1px solid #DCE7F2;
    border-radius:15px;
    background:linear-gradient(145deg,#EEF4FA,#E4EDF7);
    color:var(--had-primary);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    font-size:0;
  }
  .home-review-card .home-review-avatar::before{
    content:attr(data-review-initial);
    font-size:1.0625rem;
    font-weight:950;
  }
  .home-review-card.story h3{
    grid-area:title;
    align-self:end;
    margin:0;
    padding-left:42px;
    color:#1E334D;
    font-size:.90625rem;
    line-height:1.55;
  }
  .home-review-rating{
    grid-area:rating;
    display:flex;
    align-items:center;
    gap:6px;
    min-height:20px;
    color:var(--had-gold);
    font-size:.6875rem;
    letter-spacing:.4px;
  }
  .home-review-rating b{
    color:#6A7889;
    font-size:.625rem;
    letter-spacing:0;
  }
  .home-review-card.story>p{
    grid-area:copy;
    position:relative;
    margin:15px 0 14px;
    padding:13px 14px;
    border:1px solid #EDF1F5;
    border-radius:15px;
    background:#F9FBFD;
    color:#55677B;
    font-size:.78125rem;
    line-height:1.9;
  }
  .home-review-footer{
    grid-area:footer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding-top:11px;
    border-top:1px solid #EDF1F5;
  }
  .home-review-verified{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#587067;
    font-size:.65625rem;
    font-weight:800;
  }
  .home-review-verified i{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#E8F5EE;
    color:#17845E;
    font-style:normal;
    font-size:.625rem;
    font-weight:950;
  }
  .home-review-footer small{
    max-width:48%;
    overflow:hidden;
    color:#8491A0;
    font-size:.59375rem;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-reviews-controls{
    margin-top:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
  }
  .home-reviews-dots{
    display:flex;
    direction:ltr;
    align-items:center;
    justify-content:center;
    gap:5px;
  }
  .home-reviews-dots button{
    width:7px;
    height:7px;
    min-width:0;
    padding:0;
    border:0;
    border-radius:999px;
    background:#C9D3DE;
    box-shadow:none;
    cursor:pointer;
    transition:width .28s ease,background-color .28s ease,transform .28s ease;
  }
  .home-reviews-dots button.is-active{
    width:24px;
    background:var(--had-primary);
    transform:none;
  }
  .home-reviews-hint{
    color:#8A96A5;
    font-size:.59375rem;
    line-height:1.5;
  }
}

@media(max-width:420px){
  .home-reviews-section{padding-top:38px;padding-bottom:42px}
  .home-reviews-section .section-head h2{font-size:1.3125rem}
  .home-review-card.story{
    min-height:226px;
    padding:17px 15px 14px;
    grid-template-columns:43px minmax(0,1fr);
    column-gap:10px;
    border-radius:20px;
  }
  .home-review-card .home-review-avatar{width:43px;height:43px;border-radius:14px}
  .home-review-card .home-review-avatar::before{font-size:1rem}
  .home-review-card.story h3{font-size:.875rem}
  .home-review-card.story>p{margin-top:13px;padding:12px 13px;font-size:.75rem;line-height:1.85}
}

@media(max-width:700px) and (prefers-reduced-motion:reduce){
  .home-reviews-track{transition:none!important}
  .home-reviews-dots button{transition:none!important}
}

/* === v1.0.24: course data + moderated student reviews === */
.status.upcoming{background:#B7791F}
.course-card.is-featured{border-color:#E8D2A9;box-shadow:0 10px 30px rgba(183,121,31,.10),var(--shadow-xs)}
.course-card.is-featured:hover{box-shadow:0 16px 38px rgba(183,121,31,.14),var(--shadow)}
.course-featured-badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(31,51,77,.90);color:#F6D99C;font-size:.625rem;font-weight:900;line-height:1;backdrop-filter:blur(6px)}
.course-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.course-card-topline .rating{display:inline-flex;align-items:center;gap:4px;min-width:0}
.course-card-topline .rating small{color:#7A8796;font-size:.5625rem;font-weight:800}
.course-content-type{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:4px 8px;border:1px solid #DFE8F1;border-radius:999px;background:#F5F8FB;color:#51657B;font-size:.59375rem;font-weight:900;line-height:1.2}
.course-detail-statuses{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.course-featured-inline{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #E8D2A9;border-radius:999px;background:#FFF8E9;color:#91601C;font-size:.6875rem;font-weight:900}

.course-review-box{margin-top:28px;padding:26px;border:1px solid #DFE7F0;background:linear-gradient(145deg,#FFFFFF 0%,#FBFCFE 100%);box-shadow:var(--shadow-xs)}
.course-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.course-review-head h2{margin:4px 0 5px;font-size:1.5rem;color:#20354E}
.course-review-head p{max-width:690px;margin:0;color:var(--muted);font-size:.8125rem;line-height:1.8}
.course-review-state{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:.65625rem;font-weight:900;white-space:nowrap}
.course-review-state.is-approved{background:#EAF8F2;color:#126A4B}
.course-review-state.is-pending{background:#FFF5E8;color:#8A591D}
.course-review-form{display:grid;gap:17px}
.course-review-stars{margin:0;padding:0;border:0}
.course-review-stars legend,.course-review-copy>span{display:block;margin-bottom:8px;color:#334B64;font-size:.75rem;font-weight:900}
.course-review-star-options{display:flex;flex-direction:row;gap:4px;width:max-content;direction:ltr}
.course-review-star-options input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.course-review-star-options label{color:#D5DEE8;font-size:1.9375rem;line-height:1;cursor:pointer;transition:color .16s ease,transform .16s ease}
.course-review-star-options input:checked~label{color:var(--had-gold)}
.course-review-star-options label:hover,.course-review-star-options label:hover~label{color:var(--had-gold);transform:translateY(-1px)}
.course-review-star-options input:focus-visible+label{outline:2px solid var(--had-primary);outline-offset:3px;border-radius:4px}
.course-review-copy textarea{width:100%;min-height:132px;resize:vertical;padding:13px 14px;border:1px solid #D8E1EB;border-radius:14px;background:#fff;color:#263C55;font:inherit;font-size:.8125rem;line-height:1.8;outline:0;transition:border-color .18s ease,box-shadow .18s ease}
.course-review-copy textarea:focus{border-color:#9AB2CB;box-shadow:0 0 0 3px rgba(36,82,123,.08)}
.course-review-copy small{display:block;margin-top:6px;color:#8592A1;font-size:.625rem;line-height:1.65}
.course-review-moderation-note{margin:0;padding:10px 12px;border-right:3px solid #C78D31;border-radius:10px;background:#FFF9EC;color:#775323;font-size:.6875rem;line-height:1.7}
.course-review-form>.btn{justify-self:start;min-width:190px}

.review-archive-card{position:relative;display:flex;flex-direction:column;gap:8px}
.review-archive-card .avatar{margin-bottom:1px}
.review-archive-rating{color:var(--had-gold);font-size:.8125rem;letter-spacing:.5px}
.review-archive-card h3{margin:1px 0}
.review-archive-card p{line-height:1.85}
.review-archive-course{margin-top:auto;padding-top:8px;border-top:1px solid #EDF1F5;color:#7A8796;font-size:.65625rem}
.review-archive-approved{display:inline-flex;align-self:flex-start;margin-top:2px;padding:5px 8px;border-radius:999px;background:#EAF8F2;color:#126A4B;font-size:.59375rem;font-weight:900}

@media(max-width:700px){
  .course-card .course-featured-badge{top:auto;bottom:8px;left:8px;padding:4px 6px;font-size:.53125rem}
  .course-card-topline{align-items:center;gap:5px}
  .course-content-type{padding:3px 6px;font-size:.5rem}
  .course-detail-statuses{margin-bottom:6px}
  .course-featured-inline{padding:4px 8px;font-size:.59375rem}
  .course-review-box{margin-top:18px;padding:17px 14px;border-radius:18px}
  .course-review-head{display:grid;gap:10px;margin-bottom:16px}
  .course-review-head h2{font-size:1.1875rem}
  .course-review-head p{font-size:.71875rem;line-height:1.75}
  .course-review-state{justify-self:start;padding:6px 9px;font-size:.59375rem}
  .course-review-star-options label{font-size:1.8125rem}
  .course-review-copy textarea{min-height:120px;font-size:1rem;line-height:1.65}
  .course-review-form>.btn{width:100%;min-width:0}
}

/* === v1.0.25: readiness-era commerce receipts, teacher portal, entities and secure video === */
.had-bank-receipt-panel{display:grid;gap:12px;margin-top:14px;padding:16px;border:1px solid #DCE5EE;border-radius:16px;background:#F9FBFD}
.had-bank-receipt-panel.is-compact{padding:12px;border-radius:13px}
.had-bank-receipt-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#FFF7E8;color:#7B561F}
.had-bank-receipt-status.status-approved{background:#EAF8F2;color:#126A4B}.had-bank-receipt-status.status-rejected{background:#FFF0F0;color:#9A3030}
.had-bank-receipt-status small{color:inherit;opacity:.8;font-size:.625rem}
.had-bank-receipt-upload{display:grid;gap:9px}.had-bank-receipt-upload label{display:grid;gap:7px;color:#344B63;font-size:.75rem}.had-bank-receipt-upload input[type=file]{width:100%;padding:10px;border:1px dashed #BFCBDA;border-radius:11px;background:#fff}
.had-bank-receipt-upload>small{color:#768698;font-size:.625rem;line-height:1.7}.had-bank-receipt-upload .btn{justify-self:start}
.had-checkout-legal-note{margin:12px 0!important;padding:10px 12px;border:1px solid #E0E6ED;border-radius:10px;background:#F8FAFC;color:#667587;font-size:.65625rem;line-height:1.75}.had-checkout-legal-note a{font-weight:800;text-decoration:underline;text-underline-offset:2px}

.teacher-dashboard{background:#F7F9FC}.teacher-dashboard .container{max-width:1200px}.teacher-dashboard-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}.teacher-dashboard-main{display:grid;gap:18px;min-width:0}.teacher-course-links{display:grid;gap:7px}.teacher-course-links a{display:block;padding:10px 12px;border:1px solid #E2E8EF;border-radius:11px;background:#fff;color:#40546A;font-size:.75rem;font-weight:800}.teacher-course-links a.active{border-color:#ADC1D6;background:#EDF4FA;color:var(--had-primary)}
.teacher-lessons-list{display:grid;gap:8px}.teacher-lessons-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #E4EAF1;border-radius:11px;background:#FBFCFE}.teacher-lessons-list a{font-size:.6875rem;font-weight:900}
.teacher-students-table{overflow:hidden;border:1px solid #E1E7EE;border-radius:13px}.teacher-students-table>div{display:grid;grid-template-columns:1fr 1.4fr 100px;gap:10px;padding:10px 12px;border-top:1px solid #EDF1F5;font-size:.6875rem;align-items:center}.teacher-students-table>div:first-child{border-top:0}.teacher-students-head{background:#F3F6F9;font-weight:900;color:#40566E}.teacher-profile-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:18px;align-items:center;margin-top:18px}.teacher-profile-summary h2{margin:4px 0}.teacher-profile-summary p{margin:0;color:var(--muted)}.teacher-profile-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.teacher-profile-summary dl>div{padding:10px;border-radius:10px;background:#F6F8FB}.teacher-profile-summary dt{font-size:.5625rem;color:#7B8998}.teacher-profile-summary dd{margin:4px 0 0;font-size:.6875rem;font-weight:800;overflow-wrap:anywhere}.account-teacher-link{margin-inline-start:auto}

.uni-card{position:relative}.uni-card.is-featured{border-color:#E4C98B;background:linear-gradient(180deg,#FFFEFA 0%,#FFF9EC 100%);box-shadow:0 10px 26px rgba(166,118,29,.10)}.uni-featured-badge{position:absolute;top:9px;left:9px;display:inline-flex;padding:4px 7px;border-radius:999px;background:#20354E;color:#F5D58F;font-size:.53125rem;font-weight:900;line-height:1}
.video-frame iframe.had-secure-video,.video-frame iframe{border:0}.had-video-note{margin:10px 0;padding:10px 12px;border-radius:10px;background:#FFF6E7;color:#7D5721;font-size:.6875rem;line-height:1.7}.had-hls-video{background:#07111F}

@media(max-width:700px){
  .had-bank-receipt-panel{padding:13px;border-radius:14px}.had-bank-receipt-status{display:grid;gap:3px}.had-bank-receipt-upload .btn{width:100%}
  .teacher-dashboard-grid{grid-template-columns:1fr}.teacher-dashboard-grid>aside{position:static}.teacher-course-links{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px;scrollbar-width:none}.teacher-course-links::-webkit-scrollbar{display:none}.teacher-course-links a{flex:0 0 auto;white-space:nowrap}.teacher-profile-summary{grid-template-columns:1fr}.teacher-profile-summary dl{grid-template-columns:1fr}.teacher-students-table{overflow-x:auto}.teacher-students-table>div{min-width:610px}.teacher-dashboard .form-grid{grid-template-columns:1fr}.teacher-dashboard .field input,.teacher-dashboard .field select,.teacher-dashboard .field textarea{font-size:1rem}.account-teacher-link{width:100%;margin:8px 0 0}
  .uni-featured-badge{top:6px;left:6px;font-size:.46875rem;padding:3px 5px}
}

/* =========================================================
   v1.0.28 — Premium course detail + lesson learning workspace
   Does not touch header/footer structures.
========================================================= */
.course-detail-section{padding:34px 0 70px;background:linear-gradient(180deg,#F7F9FC 0,#fff 34%,#F8FAFC 100%)}
.course-detail-container{max-width:1220px}
.course-breadcrumb,.lesson-breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 18px;color:#8794A4;font-size:.6875rem;font-weight:800;white-space:nowrap;overflow:hidden}
.course-breadcrumb a,.lesson-breadcrumb a{color:#587087;transition:color .18s ease}.course-breadcrumb a:hover,.lesson-breadcrumb a:hover{color:var(--had-primary)}
.course-breadcrumb b,.lesson-breadcrumb b{min-width:0;color:#334D66;overflow:hidden;text-overflow:ellipsis}
.course-breadcrumb span,.lesson-breadcrumb span{color:#B7C1CB}
.course-detail--premium{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:30px}
.course-detail-visual-column{display:grid;gap:14px;min-width:0}
.course-cover-card{position:relative;min-height:430px;box-shadow:0 22px 55px rgba(12,35,61,.11)}
.course-cover-card img{height:100%;min-height:430px;max-height:520px;display:block;object-fit:cover}
.course-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,25,48,.05) 45%,rgba(7,25,48,.78) 100%);pointer-events:none}
.course-cover-badges{position:absolute;top:16px;right:16px;left:16px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.course-cover-badges span{padding:7px 11px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.92);color:#173653;font-size:.65625rem;font-weight:900;box-shadow:0 7px 18px rgba(13,33,57,.10);backdrop-filter:blur(8px)}
.course-cover-badges .is-featured{margin-right:auto;background:rgba(20,44,72,.92);border-color:rgba(255,255,255,.22);color:#F3D796}
.course-cover-teacher{position:absolute;right:18px;bottom:17px;display:flex;align-items:center;gap:10px;color:#fff}
.course-cover-teacher-avatar{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:rgba(255,255,255,.16);font-size:1.125rem;font-weight:950;backdrop-filter:blur(10px)}
.course-cover-teacher div{display:grid;gap:2px}.course-cover-teacher small{color:#DCE6F0;font-size:.59375rem}.course-cover-teacher strong{font-size:.78125rem}
.course-quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.course-quick-stats>div{min-width:0;padding:12px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:7px;border:1px solid #E0E7EF;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,38,69,.04)}
.course-quick-stats span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#EEF3F8;color:var(--had-primary);font-size:.8125rem;font-weight:900}.course-quick-stats b{min-width:0;color:#203B59;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-quick-stats small{color:#8391A0;font-size:.5625rem}
.course-detail--premium .purchase-panel{top:122px;padding:29px 28px;border-radius:25px;box-shadow:0 24px 60px rgba(12,35,61,.11)}
.course-detail-kicker{display:block;margin:10px 0 4px;color:#8A6B3A;font-size:.65625rem;font-weight:900}
.course-detail--premium .purchase-panel h1{margin:4px 0 7px;color:#17324E;font-size:1.9375rem;line-height:1.45}
.course-detail-excerpt{margin:0 0 13px;color:#667A8F;font-size:.78125rem;line-height:1.85}
.course-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 14px;border-bottom:1px solid #EDF1F5}
.course-price-row .price-big{margin:0;font-size:1.8125rem}.course-rating-pill{display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid #ECDAB8;border-radius:12px;background:#FFFBF3;color:#775426}.course-rating-pill>span{color:var(--had-gold);font-size:.9375rem}.course-rating-pill b{font-size:.75rem}.course-rating-pill small{padding-right:4px;border-right:1px solid #E9DCC7;color:#8F806D;font-size:.5625rem}
.course-facts-list{display:grid;margin:13px 0 2px;border:1px solid #E6ECF2;border-radius:15px;overflow:hidden}.course-facts-list>a,.course-facts-list>div{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #EDF1F5;background:#FBFCFE}.course-facts-list>*:last-child{border-bottom:0}.course-facts-list span{color:#7B8999;font-size:.625rem}.course-facts-list strong{max-width:65%;color:#314A63;font-size:.65625rem;text-align:left}.course-facts-list>a:hover{background:#F3F7FB}
.course-progress-label{margin-top:14px;display:flex;justify-content:space-between;gap:10px;color:#6C7E91;font-size:.65625rem}.course-progress-label b{color:var(--had-primary)}
.course-purchase-assurance{margin-top:16px;padding-top:14px;display:flex;align-items:center;gap:9px;border-top:1px dashed #D8E2EB}.course-purchase-assurance>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;background:#EAF8F2;color:#126A4B;font-weight:950}.course-purchase-assurance p{margin:0;display:grid;gap:1px}.course-purchase-assurance b{color:#365069;font-size:.65625rem}.course-purchase-assurance small{color:#82909F;font-size:.59375rem}
.course-detail-body-grid{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.course-detail-main-column{display:grid;gap:18px;min-width:0}.course-detail-side-column{display:grid;gap:14px;position:sticky;top:122px}
.course-section-card,.course-side-card{padding:27px;border:1px solid #E0E7EF;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(15,38,69,.055)}
.course-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.course-section-heading>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:linear-gradient(145deg,#EAF1F7,#F7FAFD);color:var(--had-primary);font-size:.6875rem;font-weight:950}.course-section-heading>div{display:grid;gap:1px}.course-section-heading small{color:#9A7A47;font-size:.5625rem;font-weight:900}.course-section-heading h2{margin:0;color:#203A56;font-size:1.375rem}.course-rich-content{color:#3C5269;font-size:.8125rem;line-height:2}.course-rich-content>*:first-child{margin-top:0}.course-rich-content>*:last-child{margin-bottom:0}
.course-benefits-grid{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;list-style:none}.course-benefits-grid li{padding:11px 12px;display:flex;align-items:flex-start;gap:9px;border:1px solid #E6EBF1;border-radius:13px;background:#FAFCFE}.course-benefits-grid li>span{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;border-radius:8px;background:#EAF8F2;color:#126A4B;font-size:.625rem;font-weight:950}.course-benefits-grid b{color:#40566E;font-size:.6875rem;line-height:1.65}
.course-curriculum-card .course-curriculum-head{align-items:center;margin:0 0 16px}.course-curriculum-card .course-section-heading{margin:0}.course-curriculum-card .course-section-heading p{font-size:.65625rem}
.course-lesson-list{gap:9px}.course-lesson-list .lesson-row{min-height:64px;padding:10px 12px;grid-template-columns:42px minmax(0,1fr) auto;border-radius:14px}.course-lesson-list .lesson-row>span{width:38px;height:38px;border-radius:12px}.lesson-row-copy{min-width:0;display:grid;gap:4px}.lesson-row-copy strong{min-width:0;color:#314A64;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-row-copy small{color:#8794A3;font-size:.59375rem}.lesson-row-state{padding-right:10px;color:#708195;font-size:.625rem;font-weight:900;white-space:nowrap}.lesson-row-state .is-done{color:#126A4B}
.course-side-card{padding:18px;border-radius:18px}.course-side-label{display:block;margin-bottom:12px;color:#8A6D41;font-size:.59375rem;font-weight:900}.teacher-mini-head{display:flex;align-items:center;gap:11px}.teacher-mini-head img{width:54px;height:54px;flex:0 0 54px;object-fit:cover;border-radius:16px;background:#EEF3F8}.teacher-mini-head div{min-width:0}.teacher-mini-head h3{margin:0 0 4px;color:#263F59;font-size:.8125rem}.teacher-mini-head p{margin:0;color:#7A8999;font-size:.59375rem;line-height:1.55}.teacher-mini-card .text-link{display:inline-flex;margin-top:12px;font-size:.625rem}.course-side-summary dl{margin:0;display:grid;gap:0}.course-side-summary dl>div{padding:9px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #EEF2F6}.course-side-summary dl>div:last-child{border-bottom:0}.course-side-summary dt{color:#7A8999;font-size:.625rem}.course-side-summary dd{margin:0;color:#304A64;font-size:.65625rem;font-weight:900;text-align:left}
.course-detail-main-column .course-review-box{max-width:none;margin:0;padding:26px;border-radius:22px}

/* Lesson workspace */
.lesson-learning-page{padding:28px 0 72px;background:linear-gradient(180deg,#F5F8FB 0,#FAFCFE 48%,#fff 100%)}
.lesson-learning-container{max-width:1240px}.lesson-learning-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.lesson-main-column{min-width:0;display:grid;gap:16px}.lesson-sidebar{display:grid;gap:14px;position:sticky;top:122px;min-width:0}
.lesson-title-card{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #E0E7EF;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,38,69,.055)}.lesson-title-copy{min-width:0}.lesson-title-number{display:inline-flex;margin-bottom:5px;padding:4px 8px;border-radius:999px;background:#EDF3F8;color:var(--had-primary);font-size:.59375rem;font-weight:900}.lesson-title-card h1{margin:0;color:#1E3955;font-size:1.5rem;line-height:1.5}.lesson-title-meta{margin-top:6px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#7B8999;font-size:.625rem;font-weight:800}.lesson-title-meta span{padding:4px 7px;border-radius:999px;background:#F5F7FA}.lesson-title-meta .is-preview{background:#EAF8F2;color:#126A4B}.lesson-title-meta .is-completed{background:#EDF6EF;color:#126A4B}.lesson-course-return{flex:0 0 auto;padding:8px 10px;border:1px solid #DCE5ED;border-radius:11px;background:#F8FAFC;color:#45617C;font-size:.625rem;font-weight:900}
.lesson-player-card{overflow:hidden;border:1px solid #24384E;border-radius:22px;background:#07111F;box-shadow:0 22px 55px rgba(5,20,37,.18)}.lesson-player-toolbar{min-height:54px;padding:9px 12px 9px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#0B1B2E,#102A47);color:#fff}.lesson-player-toolbar>div{min-width:0;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;column-gap:7px}.lesson-player-toolbar strong{font-size:.6875rem}.lesson-player-toolbar small{grid-column:1/-1;margin-top:2px;color:#9FB0C2;font-size:.55rem;line-height:1.5}.lesson-player-live-dot{width:7px;height:7px;border-radius:50%;background:#56C89A;box-shadow:0 0 0 4px rgba(86,200,154,.12)}.lesson-fullscreen-btn{height:35px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.07);color:#EAF2FA;cursor:pointer;font:inherit;font-size:.59375rem;font-weight:900}.lesson-fullscreen-btn:hover{background:rgba(255,255,255,.12)}.lesson-fullscreen-btn span{font-size:.9375rem}.lesson-player-card .video-frame{margin:0;border-radius:0;aspect-ratio:16/9;background:#02070D}.lesson-player-card .video-frame iframe,.lesson-player-card .video-frame video{width:100%;height:100%;max-height:none;display:block;object-fit:contain;background:#000}
.lesson-player-card:fullscreen,.lesson-player-card:-webkit-full-screen{width:100vw;height:100vh;border:0;border-radius:0;display:flex;flex-direction:column;background:#000}.lesson-player-card:fullscreen .lesson-player-toolbar,.lesson-player-card:-webkit-full-screen .lesson-player-toolbar{flex:0 0 auto}.lesson-player-card:fullscreen .video-frame,.lesson-player-card:-webkit-full-screen .video-frame{flex:1 1 auto;width:100%;height:auto;aspect-ratio:auto}.lesson-player-card:fullscreen .video-frame iframe,.lesson-player-card:fullscreen .video-frame video,.lesson-player-card:-webkit-full-screen .video-frame iframe,.lesson-player-card:-webkit-full-screen .video-frame video{width:100%;height:100%}
.lesson-content-card,.lesson-completion-card,.lesson-community,.lesson-course-summary,.lesson-outline-card{border:1px solid #E0E7EF;border-radius:20px;background:#fff;box-shadow:0 11px 30px rgba(15,38,69,.05)}.lesson-content-card{padding:24px}.lesson-section-title{margin-bottom:17px;display:grid;gap:2px}.lesson-section-title span{color:#92723E;font-size:.5625rem;font-weight:900}.lesson-section-title h2{margin:0;color:#263F59;font-size:1.25rem}.lesson-content-card .lesson-content-body{margin:0;color:#3F566E;font-size:.8125rem;line-height:2}.lesson-content-card .lesson-attachment{margin:22px 0 0}
.lesson-completion-card{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.lesson-completion-card>div{display:grid;gap:2px}.lesson-completion-card>div span{color:#8794A3;font-size:.59375rem}.lesson-completion-card>div strong{color:#354D65;font-size:.75rem}.lesson-completion-card .complete-lesson-form{margin:0;flex:0 0 auto}
.lesson-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lesson-prev-next>div{min-height:65px;padding:11px 13px;display:grid;align-content:center;border:1px solid #E2E8EF;border-radius:15px;background:#fff}.lesson-prev-next>div:last-child{text-align:left}.lesson-prev-next small{color:#929EAB;font-size:.53125rem}.lesson-prev-next a{margin-top:3px;color:#324D68;font-size:.65625rem;font-weight:900;line-height:1.45}
.lesson-course-summary{overflow:hidden}.lesson-course-cover{height:135px;display:block;overflow:hidden}.lesson-course-cover img{width:100%;height:100%;object-fit:cover}.lesson-course-summary>div{padding:14px}.lesson-course-summary>div>span{color:#93713D;font-size:.5625rem;font-weight:900}.lesson-course-summary h2{margin:4px 0 12px;color:#28425C;font-size:1rem;line-height:1.5}.lesson-sidebar-progress>div:first-child{display:flex;justify-content:space-between;color:#718296;font-size:.59375rem}.lesson-sidebar-progress .progress-wrap{margin-top:6px;height:6px}
.lesson-outline-card{overflow:hidden}.lesson-outline-head{min-height:58px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #E9EEF3}.lesson-outline-head>div{display:grid;gap:2px}.lesson-outline-head span{color:#8D99A6;font-size:.5625rem}.lesson-outline-head strong{color:#304A64;font-size:.71875rem}.lesson-outline-head button{width:34px;height:34px;border:1px solid #DEE6EE;border-radius:10px;background:#F7FAFC;color:#536B83;cursor:pointer;font-size:.9375rem;transition:transform .2s ease}.lesson-outline-card.is-collapsed .lesson-outline-head button{transform:rotate(180deg)}.lesson-outline-card.is-collapsed .lesson-outline-list{display:none}.lesson-outline-list{max-height:510px;padding:8px;display:grid;gap:5px;overflow:auto}.lesson-outline-item{min-width:0;padding:8px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid transparent;border-radius:11px;color:#445B72}.lesson-outline-item>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#F0F4F8;color:#5B7187;font-size:.5625rem;font-weight:900}.lesson-outline-item>div{min-width:0;display:grid;gap:2px}.lesson-outline-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.625rem}.lesson-outline-item small{color:#939EAA;font-size:.53125rem}.lesson-outline-item i{color:#7B8998;font-size:.5625rem;font-style:normal}.lesson-outline-item:hover{background:#F7FAFC}.lesson-outline-item.is-current{border-color:#CBD9E6;background:#EEF4F9;color:var(--had-primary)}.lesson-outline-item.is-current>span{background:var(--had-primary);color:#fff}.lesson-outline-item.is-done i{color:#126A4B}.lesson-outline-item.is-locked{opacity:.62}
.lesson-locked-premium{margin:0;box-shadow:0 11px 30px rgba(15,38,69,.05)}

/* Lesson community */
.lesson-community{padding:24px}.lesson-community-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #E9EEF3}.lesson-community-head h2{margin:3px 0 5px;color:#263F59;font-size:1.3125rem}.lesson-community-head p{max-width:620px;margin:0;color:#78899A;font-size:.6875rem;line-height:1.75}.lesson-community-score{min-width:94px;padding:10px 11px;display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;column-gap:4px;border:1px solid #ECDAB7;border-radius:15px;background:#FFFBF3;text-align:center}.lesson-community-score strong{color:#6F5127;font-size:1.375rem}.lesson-community-score>span{color:#9A7A47;font-size:.5625rem;font-weight:900}.lesson-community-score small{grid-column:1/-1;color:#9A8D79;font-size:.53125rem}.lesson-community-actions{margin-top:16px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.lesson-rating-card,.lesson-reactions-card{padding:14px;border:1px solid #E5EBF1;border-radius:15px;background:#FAFCFE}.lesson-rating-card>div:first-child,.lesson-reactions-card>div:first-child{display:grid;gap:2px}.lesson-rating-card strong,.lesson-reactions-card strong{color:#354E67;font-size:.65625rem}.lesson-rating-card>div:first-child span,.lesson-reactions-card>div:first-child span{color:#8B98A6;font-size:.53125rem}.lesson-rating-stars{margin-top:9px;display:flex;direction:ltr;justify-content:flex-start;gap:2px}.lesson-rating-star{padding:0;border:0;background:transparent;color:#D2DBE5;cursor:pointer;font-size:1.6875rem;line-height:1;transition:color .15s ease,transform .15s ease}.lesson-rating-star:hover{transform:translateY(-1px)}.lesson-rating-star.is-active{color:var(--had-gold)}.lesson-reaction-buttons{margin-top:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lesson-reaction{min-width:0;padding:8px 6px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;border:1px solid #E0E7EF;border-radius:11px;background:#fff;color:#50667C;cursor:pointer;font:inherit}.lesson-reaction>span{font-size:.9375rem}.lesson-reaction b{min-width:0;font-size:.5625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-reaction small{min-width:18px;padding:2px 4px;border-radius:999px;background:#F0F4F7;color:#84909D;font-size:.5rem;font-weight:900}.lesson-reaction.is-active{border-color:#B7C9DA;background:#EDF4FA;color:var(--had-primary)}.lesson-reaction.is-active small{background:var(--had-primary);color:#fff}.lesson-community-feedback{min-height:18px;margin-top:7px;color:#126A4B;font-size:.59375rem;font-weight:800}.lesson-community-feedback.is-error{color:#9A3030}.lesson-community-gate{margin-top:16px;padding:12px 13px;border:1px solid #E3E9EF;border-radius:13px;background:#F8FAFC;color:#6D7F91;font-size:.65625rem}
.lesson-comments-section{margin-top:8px;padding-top:17px;border-top:1px solid #E9EEF3}.lesson-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lesson-comments-head h3{margin:0;color:#2F4962;font-size:1rem}.lesson-comments-head p{margin:2px 0 0;color:#8996A4;font-size:.59375rem}.lesson-comments-head>span{padding:6px 8px;border-radius:999px;background:#EEF3F7;color:#667A8D;font-size:.5625rem;font-weight:800}.lesson-comment-form{margin-bottom:14px;padding:12px;border:1px solid #E3E9EF;border-radius:14px;background:#FAFCFE}.lesson-comment-form label{display:block;margin-bottom:6px;color:#415970;font-size:.625rem;font-weight:900}.lesson-comment-form textarea{width:100%;min-height:86px;padding:10px 11px;resize:vertical;border:1px solid #D8E1E9;border-radius:11px;background:#fff;color:#2E465E;font:inherit;font-size:.75rem;line-height:1.7;outline:0}.lesson-comment-form textarea:focus{border-color:#9FB5C9;box-shadow:0 0 0 3px rgba(35,79,119,.07)}.lesson-comment-form>div{margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:10px}.lesson-comment-form small{color:#929EAB;font-size:.53125rem}.lesson-comments-list{display:grid;gap:8px}.lesson-comment{padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;border:1px solid #E6EBF0;border-radius:13px;background:#fff}.lesson-comment-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#E7EEF5,#F8FAFC);color:var(--had-primary);font-size:.875rem;font-weight:950}.lesson-comment-body{min-width:0}.lesson-comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lesson-comment-head strong{color:#354E66;font-size:.625rem}.lesson-comment-head time{color:#9BA5AF;font-size:.5rem;white-space:nowrap}.lesson-comment p{margin:5px 0 0;color:#566C82;font-size:.65625rem;line-height:1.75;overflow-wrap:anywhere}.lesson-comments-empty{padding:20px;border:1px dashed #D8E1EA;border-radius:12px;background:#FBFCFE;color:#8492A1;text-align:center;font-size:.625rem}

@media(max-width:980px){
  .course-detail--premium{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.course-detail-body-grid{grid-template-columns:minmax(0,1fr) 250px}.course-quick-stats{grid-template-columns:1fr 1fr}
  .lesson-learning-shell{grid-template-columns:minmax(0,1fr) 270px}.lesson-community-actions{grid-template-columns:1fr}.lesson-reaction-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .course-detail-section{padding:18px 0 52px}.course-breadcrumb,.lesson-breadcrumb{margin-bottom:12px;padding-inline:2px;font-size:.59375rem}.course-detail--premium{display:flex;flex-direction:column;gap:13px}.course-detail-visual-column{display:contents}.course-cover-card{order:1;min-height:0;border-radius:19px}.course-cover-card img{min-height:0;height:auto;aspect-ratio:16/10;max-height:none}.course-cover-badges{top:10px;right:10px;left:10px}.course-cover-badges span{padding:5px 8px;font-size:.53125rem}.course-cover-teacher{right:12px;bottom:11px}.course-cover-teacher-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:.875rem}.course-cover-teacher small{font-size:.5rem}.course-cover-teacher strong{font-size:.65625rem}.course-detail--premium .purchase-panel{order:2;position:relative;top:auto;margin:0;padding:20px 17px;border-radius:19px}.course-quick-stats{order:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.course-quick-stats>div{padding:8px 5px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;border-radius:12px}.course-quick-stats span{width:25px;height:25px;flex:0 0 25px;font-size:.6875rem}.course-quick-stats b{max-width:100%;font-size:.59375rem}.course-quick-stats small{font-size:.4875rem}.course-detail--premium .purchase-panel h1{font-size:1.5rem}.course-detail-excerpt{font-size:.71875rem;line-height:1.75}.course-price-row .price-big{font-size:1.5625rem}.course-facts-list strong{max-width:60%;font-size:.625rem}.course-detail-body-grid{margin-top:17px;grid-template-columns:1fr;gap:13px}.course-detail-side-column{position:static;grid-template-columns:1fr 1fr;gap:9px}.course-section-card{padding:18px 14px;border-radius:18px}.course-section-heading{margin-bottom:14px;gap:9px}.course-section-heading>span{width:35px;height:35px;flex-basis:35px;border-radius:11px;font-size:.5625rem}.course-section-heading h2{font-size:1.125rem}.course-rich-content{font-size:.75rem;line-height:1.9}.course-benefits-grid{grid-template-columns:1fr;gap:7px}.course-benefits-grid li{padding:9px 10px}.course-curriculum-card .course-curriculum-head{align-items:flex-start}.course-lesson-list .lesson-row{min-height:58px;padding:8px;grid-template-columns:36px minmax(0,1fr) auto}.course-lesson-list .lesson-row>span{width:34px;height:34px}.lesson-row-copy strong{font-size:.65625rem}.lesson-row-copy small{font-size:.53125rem}.lesson-row-state{padding-right:4px;font-size:.53125rem}.course-detail-main-column .course-review-box{padding:17px 14px;border-radius:18px}.course-side-card{padding:14px}.teacher-mini-head img{width:46px;height:46px;flex-basis:46px}.teacher-mini-head p{display:none}

  .lesson-learning-page{padding:14px 0 55px}.lesson-learning-shell{grid-template-columns:1fr;gap:12px}.lesson-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:10px}.lesson-course-summary{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:stretch}.lesson-course-cover{height:auto;min-height:92px}.lesson-course-summary>div{padding:10px 11px}.lesson-course-summary h2{margin:2px 0 8px;font-size:.8125rem}.lesson-outline-card{border-radius:16px}.lesson-outline-head{min-height:50px}.lesson-outline-list{max-height:300px}.lesson-title-card{padding:14px;align-items:flex-start;border-radius:17px}.lesson-title-card h1{font-size:1.1875rem}.lesson-course-return{display:none}.lesson-title-meta{font-size:.55rem}.lesson-player-card{border-radius:17px}.lesson-player-toolbar{min-height:49px;padding:8px 9px}.lesson-player-toolbar small{font-size:.4875rem}.lesson-fullscreen-btn{height:33px;padding:0 8px;font-size:.53125rem}.lesson-content-card{padding:17px 14px;border-radius:17px}.lesson-section-title h2{font-size:1.0625rem}.lesson-content-card .lesson-content-body{font-size:.75rem;line-height:1.9}.lesson-completion-card{padding:13px;display:grid;gap:10px;border-radius:16px}.lesson-completion-card .complete-lesson-form,.lesson-completion-card .btn{width:100%}.lesson-prev-next{gap:7px}.lesson-prev-next>div{min-height:58px;padding:9px}.lesson-prev-next a{font-size:.59375rem}.lesson-community{padding:17px 13px;border-radius:17px}.lesson-community-head{gap:10px}.lesson-community-head h2{font-size:1.125rem}.lesson-community-head p{font-size:.625rem}.lesson-community-score{min-width:78px;padding:8px}.lesson-community-score strong{font-size:1.1875rem}.lesson-rating-card,.lesson-reactions-card{padding:11px}.lesson-rating-star{font-size:1.625rem}.lesson-reaction{padding:7px 4px;grid-template-columns:1fr;justify-items:center;gap:2px}.lesson-reaction b{font-size:.53125rem}.lesson-comment-form textarea{font-size:1rem}.lesson-comment-form>div{align-items:flex-start;flex-direction:column}.lesson-comment-form .btn{width:100%}.lesson-comments-head h3{font-size:.875rem}.lesson-comment{grid-template-columns:34px minmax(0,1fr);padding:9px}.lesson-comment-avatar{width:34px;height:34px;border-radius:10px}.lesson-comment p{font-size:.625rem}
}

@media(max-width:420px){
  .course-quick-stats{grid-template-columns:1fr 1fr}.course-detail-side-column{grid-template-columns:1fr}.course-detail--premium .purchase-panel h1{font-size:1.375rem}.course-price-row{align-items:flex-end}.course-rating-pill{padding:6px 8px}.course-section-card{padding:16px 12px}.course-lesson-list .lesson-row{grid-template-columns:34px minmax(0,1fr)}.course-lesson-list .lesson-row-state{grid-column:2;justify-self:start;padding:0}.lesson-row-copy strong{white-space:normal;line-height:1.55}
  .lesson-community-head{display:grid}.lesson-community-score{justify-self:start}.lesson-reaction-buttons{grid-template-columns:repeat(3,1fr)}.lesson-title-card h1{font-size:1.125rem}.lesson-player-toolbar small{display:none}.lesson-prev-next{grid-template-columns:1fr}.lesson-prev-next>div:last-child{text-align:right}.lesson-comment-head{align-items:flex-start;flex-direction:column;gap:2px}
}

@media(max-width:900px) and (orientation:landscape){
  .lesson-player-card .video-frame{max-height:calc(100dvh - 58px)}
  .lesson-player-card .video-frame video,.lesson-player-card .video-frame iframe{max-height:calc(100dvh - 58px)}
}

@media(prefers-reduced-motion:reduce){.lesson-rating-star,.lesson-outline-head button{transition:none!important}}

/* =========================================================
   v1.0.30 — Course details mobile-first polish
   Keeps the desktop composition intact and removes display:contents
   from the mobile hero because it is unreliable in some mobile browsers.
========================================================= */
.course-detail--premium{
  grid-template-areas:
    "visual purchase"
    "stats purchase";
  grid-template-rows:auto auto;
  row-gap:14px;
}
.course-detail-visual-column{grid-area:visual}
.course-detail--premium>.purchase-panel{grid-area:purchase}
.course-detail--premium>.course-quick-stats{grid-area:stats}

@media(max-width:760px){
  .course-detail-section{padding:10px 0 48px;background:linear-gradient(180deg,#F3F7FB 0,#F9FBFD 42%,#fff 100%)}
  .course-detail-container{width:calc(100% - 16px);max-width:none}
  .course-breadcrumb{display:none}

  .course-detail--premium{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "visual"
      "purchase"
      "stats";
    gap:10px;
  }
  .course-detail-visual-column{display:block;min-width:0}

  .course-cover-card{
    min-height:0;
    overflow:hidden;
    border:0;
    border-radius:22px;
    background:#DDE6EF;
    box-shadow:0 13px 32px rgba(13,36,62,.10);
  }
  .course-cover-card img{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:16/9;
    object-fit:cover;
  }
  .course-cover-overlay{background:linear-gradient(180deg,rgba(7,25,48,.02) 38%,rgba(7,25,48,.82) 100%)}
  .course-cover-badges{top:11px;right:11px;left:11px;gap:5px}
  .course-cover-badges span{padding:6px 9px;border-radius:999px;font-size:.53125rem;box-shadow:0 4px 12px rgba(13,33,57,.08)}
  .course-cover-teacher{right:11px;left:11px;bottom:11px;width:max-content;max-width:calc(100% - 22px);padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(9,31,55,.34);backdrop-filter:blur(8px)}
  .course-cover-teacher-avatar{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:.75rem}
  .course-cover-teacher small{font-size:.46875rem}.course-cover-teacher strong{font-size:.625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .course-detail--premium .purchase-panel{
    position:relative;
    top:auto;
    margin:0;
    padding:17px 14px 15px;
    overflow:hidden;
    border-color:#DDE6EF;
    border-radius:21px;
    box-shadow:0 11px 28px rgba(15,38,69,.07);
  }
  .course-detail--premium .purchase-panel::before{height:3px;border-radius:21px 21px 0 0}
  .course-detail-statuses{margin:0 0 7px;gap:5px}
  .course-detail-statuses .status,.course-featured-inline{padding:5px 8px;font-size:.53125rem}
  .course-detail-kicker{margin:3px 0 2px;font-size:.5625rem;line-height:1.6}
  .course-detail--premium .purchase-panel h1{margin:2px 0 5px;font-size:1.6875rem;line-height:1.42;letter-spacing:-.2px}
  .course-detail-excerpt{margin:0 0 10px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#6A7C8F;font-size:.6875rem;line-height:1.75}

  .course-price-row{
    margin:10px 0 0;
    padding:11px 10px;
    align-items:center;
    border:1px solid #E5EBF1;
    border-radius:14px;
    background:linear-gradient(135deg,#FAFCFE,#F5F8FB);
  }
  .course-price-row .price-big{font-size:1.6875rem;line-height:1.2}
  .course-rating-pill{padding:6px 8px;border-radius:10px;background:#FFF9EE}
  .course-rating-pill>span{font-size:.8125rem}.course-rating-pill b{font-size:.65625rem}.course-rating-pill small{font-size:.5rem}

  .course-facts-list{
    margin:8px 0 0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    overflow:visible;
    border:0;
    border-radius:0;
  }
  .course-facts-list>a,.course-facts-list>div{
    min-width:0;
    padding:9px 10px;
    display:grid;
    align-content:center;
    justify-content:stretch;
    gap:3px;
    border:1px solid #E6ECF2;
    border-radius:12px;
    background:#FBFCFE;
  }
  .course-facts-list>*:last-child{border-bottom:1px solid #E6ECF2}
  .course-facts-list .course-fact--period{grid-column:1/-1}
  .course-facts-list span{font-size:.5rem}
  .course-facts-list strong{max-width:none;min-width:0;font-size:.59375rem;line-height:1.55;text-align:right;overflow-wrap:anywhere}
  .course-facts-list>a:hover{background:#FBFCFE}

  .purchase-state{margin:9px 0;padding:10px 11px;gap:2px;border-radius:12px}
  .purchase-state b{font-size:.6875rem}.purchase-state span{font-size:.59375rem;line-height:1.6}
  .course-detail--premium .purchase-panel>.btn{min-height:45px;border-radius:13px;font-size:.75rem}
  .purchase-secondary{margin-top:7px}
  .purchase-hint{margin-top:7px;font-size:.53125rem}
  .course-progress-label{margin-top:10px;font-size:.5625rem}.progress-wrap{height:7px}
  .course-purchase-assurance{margin-top:10px;padding-top:10px;gap:8px}
  .course-purchase-assurance>span{width:28px;height:28px;flex-basis:28px;border-radius:9px;font-size:.6875rem}
  .course-purchase-assurance b{font-size:.59375rem}.course-purchase-assurance small{font-size:.53125rem;line-height:1.5}

  .course-detail--premium>.course-quick-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .course-detail--premium>.course-quick-stats>div{
    min-width:0;
    padding:9px 10px;
    display:grid;
    grid-template-columns:31px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:8px;
    row-gap:1px;
    border-radius:13px;
    text-align:right;
  }
  .course-detail--premium>.course-quick-stats span{grid-row:1/3;width:31px;height:31px;flex:none;border-radius:10px;font-size:.75rem}
  .course-detail--premium>.course-quick-stats b{font-size:.65625rem;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .course-detail--premium>.course-quick-stats small{font-size:.5rem;text-align:right}

  .course-detail-body-grid{margin-top:12px;grid-template-columns:1fr;gap:10px}
  .course-detail-main-column{gap:10px}
  .course-section-card{padding:16px 13px;border-radius:19px;box-shadow:0 8px 22px rgba(15,38,69,.045)}
  .course-section-heading{margin-bottom:12px;gap:9px}
  .course-section-heading>span{width:34px;height:34px;flex-basis:34px;border-radius:11px;font-size:.53125rem}
  .course-section-heading small{font-size:.5rem}.course-section-heading h2{font-size:1.125rem}
  .course-rich-content{font-size:.71875rem;line-height:1.95}
  .course-benefits-grid{grid-template-columns:1fr;gap:7px}.course-benefits-grid li{padding:9px 10px;border-radius:12px}.course-benefits-grid b{font-size:.625rem}
  .course-curriculum-card .course-curriculum-head{margin-bottom:12px;align-items:flex-start;flex-direction:column;gap:7px}.course-curriculum-card .course-section-heading p{font-size:.5625rem;line-height:1.6}
  .course-lesson-list{gap:7px}.course-lesson-list .lesson-row{min-height:58px;padding:8px 9px;grid-template-columns:35px minmax(0,1fr) auto;border-radius:12px}.course-lesson-list .lesson-row>span{width:33px;height:33px;border-radius:10px;font-size:.625rem}.lesson-row-copy strong{font-size:.65625rem}.lesson-row-copy small{font-size:.53125rem}.lesson-row-state{padding-right:3px;font-size:.53125rem}
  .course-detail-main-column .course-review-box{padding:16px 13px;border-radius:19px}

  .course-detail-side-column{position:static;grid-template-columns:1fr;gap:8px}
  .course-side-card{padding:13px;border-radius:16px;box-shadow:0 7px 18px rgba(15,38,69,.04)}
  .teacher-mini-head img{width:44px;height:44px;flex-basis:44px;border-radius:13px}.teacher-mini-head p{display:none}.teacher-mini-head h3{font-size:.71875rem}
  .course-side-summary dl{grid-template-columns:1fr 1fr;column-gap:12px}.course-side-summary dl>div{padding:7px 0}.course-side-summary dt{font-size:.53125rem}.course-side-summary dd{font-size:.59375rem}
}

@media(max-width:420px){
  .course-detail-container{width:calc(100% - 12px)}
  .course-detail--premium .purchase-panel h1{font-size:1.5rem}
  .course-price-row .price-big{font-size:1.5625rem}
  .course-facts-list{grid-template-columns:1fr 1fr}
  .course-detail--premium>.course-quick-stats{grid-template-columns:1fr 1fr}
  .course-lesson-list .lesson-row{grid-template-columns:34px minmax(0,1fr)}
  .course-lesson-list .lesson-row-state{grid-column:2;justify-self:start;padding:0}
  .lesson-row-copy strong{white-space:normal;line-height:1.55}
}

/* =========================================================
   v1.0.31 — Social contact system + lesson navigation cleanup
   ========================================================= */
.lesson-prev-next.is-single{grid-template-columns:minmax(0,1fr)}
.lesson-prev-next.is-single>div:last-child{text-align:right}

.social-links .social-link--whatsapp{color:#CFF7DD;border-color:rgba(37,211,102,.28);background:rgba(37,211,102,.08)}
.social-links .social-link--telegram{color:#D5EFFF;border-color:rgba(42,171,238,.28);background:rgba(42,171,238,.08)}
.social-links .social-link--whatsapp:hover,.social-links .social-link--telegram:hover{color:#fff}

.had-contact-fab{position:fixed;left:20px;bottom:20px;z-index:90;display:grid;justify-items:start;gap:10px;pointer-events:none}
.had-contact-fab__toggle{pointer-events:auto;min-width:112px;height:52px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(232,188,120,.62);border-radius:17px;background:linear-gradient(135deg,var(--had-primary),#0C417E);color:#fff;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer;box-shadow:0 16px 34px rgba(8,43,92,.28);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.had-contact-fab__toggle:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(8,43,92,.32)}
.had-contact-fab__toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-contact-fab__panel{pointer-events:none;width:min(310px,calc(100vw - 40px));padding:11px;border:1px solid #DDE6EF;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(10,32,62,.2);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:left bottom;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.had-contact-fab.is-open .had-contact-fab__panel{pointer-events:auto;opacity:1;visibility:visible;transform:none}
.had-contact-fab.is-open .had-contact-fab__toggle{background:linear-gradient(135deg,#173A66,#082B5C)}
.had-contact-fab__head{padding:3px 4px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #EDF1F5}
.had-contact-fab__head div{display:grid;gap:1px}.had-contact-fab__head small{color:#8A98A9;font-size:.5625rem}.had-contact-fab__head strong{color:#18324F;font-size:.75rem}
.had-contact-fab__head button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:9px;background:#F1F5F9;color:#50657C;font-size:1.1875rem;line-height:1;cursor:pointer}
.had-contact-fab__links{padding-top:9px;display:grid;gap:7px}
.had-contact-option{min-width:0;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid #E7EDF3;border-radius:14px;background:#FBFCFE;color:#18324F!important;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.had-contact-option:hover{transform:translateX(2px);border-color:#CEDBE8;background:#fff}
.had-contact-option__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff}
.had-contact-option__icon svg{width:23px;height:23px;fill:currentColor}
.had-contact-option--whatsapp .had-contact-option__icon{background:#25D366;box-shadow:0 8px 18px rgba(37,211,102,.2)}
.had-contact-option--telegram .had-contact-option__icon{background:#2AABEE;box-shadow:0 8px 18px rgba(42,171,238,.2)}
.had-contact-option>span:nth-child(2){min-width:0;display:grid;gap:2px}.had-contact-option b{font-size:.6875rem}.had-contact-option small{color:#8190A0;font-size:.53125rem;line-height:1.5}.had-contact-option__arrow{color:#9BA8B6;font-size:.75rem;text-align:left}

.support-social-contact{width:min(760px,calc(100% - 32px));margin:0 auto 16px;padding:19px;border:1px solid #DDE7F0;border-radius:24px;background:linear-gradient(135deg,#F7FAFD,#fff);box-shadow:0 12px 32px rgba(19,42,72,.06)}
.support-social-contact__intro{margin-bottom:13px}.support-social-contact__intro>span{display:inline-flex;margin-bottom:4px;color:#B2792C;font-size:.5625rem;font-weight:900}.support-social-contact__intro h2{margin:0 0 3px;color:#12345A;font-size:1.125rem}.support-social-contact__intro p{margin:0;color:#748499;font-size:.65625rem;line-height:1.7}
.support-social-contact__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.support-social-card{min-width:0;padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:9px;border:1px solid #E2EAF2;border-radius:15px;background:#fff;color:#173553!important;box-shadow:0 7px 17px rgba(26,51,82,.045);transition:transform .16s ease,box-shadow .16s ease}
.support-social-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(26,51,82,.08)}
.support-social-card__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:.625rem;font-weight:900;letter-spacing:.3px}
.support-social-card--whatsapp .support-social-card__mark{background:#25D366}.support-social-card--telegram .support-social-card__mark{background:#2AABEE}
.support-social-card>span:nth-child(2){min-width:0;display:grid;gap:2px}.support-social-card b{font-size:.6875rem}.support-social-card small{color:#8190A0;font-size:.53125rem;line-height:1.45}.support-social-card i{color:#93A2B2;font-size:.6875rem;font-style:normal}

@media(max-width:700px){
  .had-contact-fab{left:12px;bottom:12px;z-index:88}
  body.has-mobile-bottom-nav .had-contact-fab{bottom:calc(var(--had-mobile-nav-height) + 14px + env(safe-area-inset-bottom,0px))}
  .had-contact-fab__toggle{min-width:52px;width:52px;height:52px;padding:0;border-radius:16px}
  .had-contact-fab__toggle span{display:none}.had-contact-fab__toggle svg{width:23px;height:23px}
  .had-contact-fab__panel{width:min(300px,calc(100vw - 24px));padding:10px;border-radius:18px;transform-origin:left bottom}
  .had-contact-option{grid-template-columns:40px minmax(0,1fr) 18px;padding:9px}.had-contact-option__icon{width:40px;height:40px;border-radius:12px}
  .support-social-contact{width:calc(100% - 18px);margin-bottom:12px;padding:14px;border-radius:19px}
  .support-social-contact__intro h2{font-size:1rem}.support-social-contact__intro p{font-size:.59375rem}
  .support-social-contact__grid{grid-template-columns:1fr;gap:7px}.support-social-card{padding:10px;border-radius:13px}
  .lesson-prev-next.is-single{grid-template-columns:1fr}
}

@media(max-width:420px){
  .had-contact-fab{left:9px}
  .had-contact-fab__panel{width:calc(100vw - 18px)}
}


/* =========================================================
   v1.0.32 — Professional WhatsApp / Telegram brand icons
   ========================================================= */
.had-social-brand-icon{display:block;width:1em;height:1em;fill:currentColor;flex:0 0 auto}
.had-contact-option__icon .had-social-brand-icon{width:24px;height:24px}
.support-social-card__mark .had-social-brand-icon{width:23px;height:23px}
.social-links .social-link--whatsapp,.social-links .social-link--telegram{display:inline-flex;align-items:center;gap:6px}
.social-links .social-link__brand{width:17px;height:17px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;flex:0 0 17px}
.social-links .social-link__brand .had-social-brand-icon{width:11px;height:11px}
.social-links .social-link--whatsapp .social-link__brand{background:#25D366;box-shadow:0 4px 10px rgba(37,211,102,.22)}
.social-links .social-link--telegram .social-link__brand{background:#2AABEE;box-shadow:0 4px 10px rgba(42,171,238,.22)}
.support-social-card__mark,.had-contact-option__icon{overflow:hidden}
@media(max-width:700px){
  .had-contact-option__icon .had-social-brand-icon{width:23px;height:23px}
  .support-social-card__mark .had-social-brand-icon{width:22px;height:22px}
}

/* Google sign-in + direct logout v1.0.33 */
.had-social-auth{margin-top:18px}
.had-auth-divider{position:relative;height:24px;margin:4px 0 12px;display:flex;align-items:center;justify-content:center;color:#8A98A8;font-size:.6875rem;font-weight:800}
.had-auth-divider::before{content:"";position:absolute;right:0;left:0;top:50%;height:1px;background:#E3EAF1}
.had-auth-divider span{position:relative;z-index:1;padding:0 12px;background:#fff}
.had-google-auth-btn{width:100%;min-height:50px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #D6DEE8;border-radius:13px;background:#fff;color:#24364A;font-size:.8125rem;font-weight:900;box-shadow:0 4px 13px rgba(16,37,63,.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.had-google-auth-btn:hover{border-color:#BFCBDA;background:#FBFCFE;box-shadow:0 8px 20px rgba(16,37,63,.08);transform:translateY(-1px);color:#172B43}
.had-google-auth-btn:active{transform:translateY(0)}
.had-google-icon{width:20px;height:20px;flex:0 0 20px}
.had-google-consent{max-width:520px;margin:9px auto 0;text-align:center;color:#7A899B;font-size:.65625rem;line-height:1.75}
.had-google-consent a{color:var(--had-primary);font-weight:800}
.header-logout{min-height:40px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #E6D6DA;border-radius:11px;background:#FFF;color:#9A3446;font-size:.6875rem;font-weight:900;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.header-logout:hover{background:#FFF4F6;border-color:#E8BBC5;color:#802538;transform:translateY(-1px)}
.header-logout svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.had-mobile-logout{color:#9A3446!important;border-color:#E7CFD5!important;background:#FFF8F9!important}
.had-mobile-logout:hover{background:#FFF1F4!important;border-color:#E5B9C3!important;color:#7E2738!important}
@media(max-width:1220px){
  .header-logout{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:13px}
  .header-logout span{display:none}
  .header-logout svg{width:19px;height:19px}
}
@media(max-width:700px){
  .header-logout{flex-basis:42px;width:42px;height:42px;min-height:42px;border-radius:12px}
  .had-social-auth{margin-top:16px}
  .had-google-auth-btn{min-height:49px;border-radius:12px;font-size:.78125rem}
  .had-google-consent{font-size:.625rem;line-height:1.7}
}
.had-auth-divider--after{margin:14px 0 13px;height:26px}
.had-auth-divider--after span{font-size:.625rem;color:#8997A7}
@media(min-width:1221px) and (max-width:1380px){
  .header-logout{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:11px}
  .header-logout span{display:none}
}


.home-certificate-section{padding:38px 0 26px}
.home-certificate-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);align-items:stretch;gap:26px;padding:28px;border:1px solid #E1E9F2;border-radius:30px;background:radial-gradient(circle at 8% 8%,rgba(53,121,199,.08),transparent 26%),radial-gradient(circle at 92% 88%,rgba(212,154,74,.09),transparent 28%),linear-gradient(145deg,#FFFFFF,#F8FAFD);box-shadow:0 24px 60px rgba(13,42,78,.08)}
.home-certificate-card:before{content:"";position:absolute;right:-110px;top:-145px;width:330px;height:330px;border:1px solid rgba(18,74,137,.08);border-radius:50%;box-shadow:0 0 0 46px rgba(18,74,137,.018),0 0 0 92px rgba(18,74,137,.012);pointer-events:none}
.home-certificate-copy{position:relative;z-index:1;padding:18px 12px 18px 8px;align-self:center}
.home-certificate-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 10px;border:1px solid #DCE8F3;border-radius:999px;background:#F2F7FC;color:#174E8C;font-size:.625rem;font-weight:900;line-height:1.4}
.home-certificate-kicker i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#E7F6EE;color:#23835D;font-style:normal;font-size:.625rem}
.home-certificate-copy h2{margin:0 0 10px;color:#102844;font-size:2rem;line-height:1.35;letter-spacing:-.5px}
.home-certificate-copy p{max-width:660px;margin:0 0 18px;color:#64778C;font-size:.875rem;line-height:2}
.home-certificate-points{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.home-certificate-points li{display:flex;align-items:flex-start;gap:9px;color:#334C64;font-size:.75rem;line-height:1.85}
.home-certificate-points li:before{content:"";width:7px;height:7px;flex:0 0 7px;margin-top:8px;border-radius:50%;background:linear-gradient(135deg,#D49A4A,#F0BB65);box-shadow:0 0 0 5px rgba(212,154,74,.10)}
.home-certificate-credential{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:radial-gradient(circle at 90% 12%,rgba(92,153,221,.34),transparent 26%),radial-gradient(circle at 10% 95%,rgba(212,154,74,.24),transparent 30%),linear-gradient(145deg,#071F43 0%,#0A356C 55%,#0D4B88 100%);box-shadow:0 22px 46px rgba(8,43,92,.22);color:#fff}
.home-certificate-credential:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,#000,transparent 75%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 75%)}
.home-certificate-credential:after{content:"";position:absolute;left:-50px;bottom:-90px;z-index:-1;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(236,186,105,.20),rgba(236,186,105,0) 68%)}
.home-certificate-orbit{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.home-certificate-orbit--one{width:210px;height:210px;left:-105px;top:-105px}.home-certificate-orbit--two{width:82px;height:82px;right:36px;bottom:-41px;border-color:rgba(232,188,120,.24)}
.home-certificate-credential__top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;position:relative;z-index:1}
.home-certificate-seal{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.10);backdrop-filter:blur(8px)}
.home-certificate-seal svg{width:22px;height:22px;fill:none;stroke:#F3C77D;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-certificate-credential__top>span:nth-child(2){display:grid;gap:0}.home-certificate-credential__top small{color:#AAC2DD;font-size:.5rem}.home-certificate-credential__top b{font-size:.75rem;line-height:1.5}
.home-certificate-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(140,227,184,.2);border-radius:999px;background:rgba(59,176,116,.12);color:#BFF1D6;font-size:.5rem;font-weight:900}.home-certificate-status i{width:6px;height:6px;border-radius:50%;background:#67D39B;box-shadow:0 0 0 4px rgba(103,211,155,.10)}
.home-certificate-number-block{position:relative;z-index:1;margin:22px 0 18px;padding:18px 0;border-block:1px solid rgba(255,255,255,.11)}
.home-certificate-number-block span{display:block;margin-bottom:5px;color:#AFC4DA;font-size:.5625rem;font-weight:800}
.home-certificate-number-block strong{display:block;color:#fff;font-family:Consolas,"SFMono-Regular",Menlo,monospace;font-size:clamp(1.6875rem,2.6vw,2.4375rem);font-weight:800;line-height:1.2;letter-spacing:1.6px;text-align:left;white-space:nowrap}
.home-certificate-issuer{position:relative;z-index:1;display:grid;gap:3px}.home-certificate-issuer span{color:#AFC4DA;font-size:.5rem}.home-certificate-issuer b{max-width:310px;color:#F6FAFE;font-size:.625rem;line-height:1.65}
.home-certificate-copy-button{position:relative;z-index:1;width:100%;min-height:45px;margin-top:18px;padding:9px 14px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.09);color:#fff;font-size:.65625rem;font-weight:900;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.home-certificate-copy-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-certificate-copy-button:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.27);transform:translateY(-1px)}.home-certificate-copy-button.is-copied{background:rgba(65,180,120,.18);border-color:rgba(132,231,181,.28);color:#D8F8E7}
@media(max-width:1050px){.home-certificate-card{grid-template-columns:1fr;gap:18px}.home-certificate-copy{padding:10px 4px 2px}.home-certificate-credential{min-height:270px}.home-certificate-number-block strong{font-size:2.125rem}}
@media(max-width:700px){.home-certificate-section{padding:22px 0 16px}.home-certificate-card{padding:13px;border-radius:21px;gap:12px}.home-certificate-copy{padding:8px 7px 4px}.home-certificate-copy h2{font-size:1.5rem}.home-certificate-copy p{font-size:.78125rem;line-height:1.85}.home-certificate-points{gap:7px}.home-certificate-points li{font-size:.6875rem;line-height:1.75}.home-certificate-credential{min-height:260px;padding:18px;border-radius:18px}.home-certificate-number-block{margin:18px 0 15px;padding:15px 0}.home-certificate-number-block strong{font-size:clamp(1.375rem,7vw,1.875rem);letter-spacing:.7px}.home-certificate-copy-button{min-height:46px;font-size:.6875rem}}
@media(max-width:390px){.home-certificate-card{padding:10px}.home-certificate-copy h2{font-size:1.375rem}.home-certificate-kicker{font-size:.5625rem}.home-certificate-credential{padding:15px}.home-certificate-seal{width:38px;height:38px}.home-certificate-credential__top b{font-size:.65625rem}.home-certificate-number-block strong{font-size:1.3125rem;letter-spacing:.35px}.home-certificate-issuer b{font-size:.5625rem}}



/* Home Hero v1.0.36 */
.home-hero--v2{
  isolation:isolate;
  min-height:0;
  overflow:hidden;
  border-bottom:1px solid #E7EDF4;
  background:
    radial-gradient(circle at 12% 18%,rgba(45,119,205,.14),transparent 26%),
    radial-gradient(circle at 88% 82%,rgba(212,154,74,.13),transparent 28%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FBFE 62%,#F4F8FC 100%);
}
.home-hero--v2:before,
.home-hero--v2:after{content:"";position:absolute;pointer-events:none;z-index:0}
.home-hero--v2:before{width:540px;height:540px;left:-290px;bottom:-320px;border:1px solid rgba(39,100,175,.10);border-radius:50%;box-shadow:0 0 0 64px rgba(39,100,175,.025),0 0 0 128px rgba(39,100,175,.018)}
.home-hero--v2:after{width:370px;height:370px;right:-210px;top:-245px;border-radius:50%;background:radial-gradient(circle,rgba(212,154,74,.10),rgba(212,154,74,0) 70%)}
.home-hero--v2 .wrap{
  width:min(1240px,calc(100% - 36px));
  min-height:610px;
  margin:auto;
  padding:52px 0 48px;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  grid-template-areas:
    "showcase copy"
    "showcase actions"
    "showcase trust";
  grid-template-rows:auto auto auto;
  align-content:center;
  align-items:center;
  column-gap:68px;
  row-gap:0;
  position:relative;
  z-index:1;
}
.home-hero--v2 .hero-copy{grid-area:copy;min-width:0;animation:hadHeroRise .62s ease both}
.home-hero--v2 .eyebrow{
  margin:0 0 14px;
  padding:7px 12px;
  gap:7px;
  align-items:center;
  border:1px solid #E4ECF5;
  background:rgba(241,246,252,.88);
  box-shadow:0 7px 18px rgba(8,43,92,.04);
  color:#163F72;
  font-size:.6875rem;
  letter-spacing:.1px;
}
.home-hero--v2 .eyebrow i{color:var(--had-gold);font-style:normal;font-size:.75rem}
.home-hero--v2 h1{
  margin:0;
  max-width:690px;
  color:#102844;
  font-size:clamp(2.75rem,4.35vw,4rem);
  font-weight:950;
  line-height:1.18;
  letter-spacing:-1.8px;
}
.home-hero--v2 h1 span{color:var(--had-primary)}
.home-hero--v2 h1 span:after{display:none}
.home-hero--v2 .hero-promise{
  margin-top:8px;
  max-width:700px;
  color:#173555;
  font-size:clamp(1.5625rem,2.15vw,2.125rem);
  font-weight:900;
  line-height:1.45;
  letter-spacing:-.7px;
}
.home-hero--v2 .hero-promise span{position:relative;display:inline-block;color:#E29C20;z-index:0}
.home-hero--v2 .hero-promise span:after{
  content:"";
  position:absolute;
  right:1%;left:1%;bottom:0;
  height:7px;
  border-radius:999px 50% 999px 50%;
  background:rgba(224,154,32,.22);
  transform:rotate(-1.2deg);
  z-index:-1;
}
.home-hero--v2 .hero-copy>p{
  max-width:680px;
  margin:20px 0 0;
  color:#637790;
  font-size:.96875rem;
  line-height:2;
}

.home-hero--v2 .hero-verification-card{
  width:min(610px,100%);
  min-height:68px;
  margin-top:14px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(213,184,126,.55);
  border-radius:17px;
  background:
    radial-gradient(circle at 92% 0,rgba(212,154,74,.13),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,251,254,.94));
  box-shadow:0 12px 28px rgba(21,53,89,.075);
  color:#173B60;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-hero--v2 .hero-verification-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.75) 43%,transparent 67%);
  transform:translateX(105%);
  animation:hadHeroVerifyShine 5.8s 1.5s ease-in-out infinite;
}
.home-hero--v2 .hero-verification-card:hover{
  transform:translateY(-2px);
  border-color:rgba(188,139,57,.68);
  box-shadow:0 17px 34px rgba(21,53,89,.11);
}
.home-hero--v2 .hero-verification-card__seal{
  width:58px;height:44px;flex:0 0 58px;
  display:grid;place-items:center;
  position:relative;z-index:1;
  border:1px solid #D8E4EF;
  border-radius:13px;
  background:rgba(255,255,255,.88);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.72);
  overflow:hidden;
}
.home-hero--v2 .hero-verification-card__seal:after{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid rgba(16,74,135,.10);
  border-radius:16px;
  animation:hadHeroVerifyPulse 2.8s ease-out infinite;
}
.home-hero--v2 .hero-verification-card__seal img{
  width:100%;height:100%;display:block;object-fit:contain;padding:4px 5px;
}
.home-hero--v2 .hero-verification-card__copy{
  min-width:0;
  display:grid;
  gap:2px;
  position:relative;z-index:1;
}
.home-hero--v2 .hero-verification-card__title{
  display:flex;align-items:flex-start;gap:6px;
  color:#244663;
  font-size:.625rem;
  font-weight:950;
  line-height:1.7;
}
.home-hero--v2 .hero-verification-card__title i{
  width:6px;height:6px;flex:0 0 6px;
  border-radius:50%;
  background:#36A873;
  box-shadow:0 0 0 4px rgba(54,168,115,.10);
}
.home-hero--v2 .hero-verification-card__number{
  color:#0D3159;
  font-family:Consolas,"SFMono-Regular",Menlo,monospace;
  font-size:.9375rem;
  font-weight:900;
  line-height:1.35;
  letter-spacing:.55px;
  text-align:right;
}
.home-hero--v2 .hero-verification-card__action{
  min-height:36px;
  padding:7px 10px;
  display:flex;align-items:center;gap:4px;
  position:relative;z-index:1;
  border:1px solid #DCE6EF;
  border-radius:10px;
  background:#fff;
  color:#174E8C;
  font-size:.53125rem;
  font-weight:950;
  white-space:nowrap;
}
.home-hero--v2 .hero-verification-card__action svg{
  width:13px;height:13px;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
  transform:scaleX(-1);
}
#home-freelance-certificate{scroll-margin-top:120px}
@keyframes hadHeroVerifyPulse{
  0%{opacity:.7;transform:scale(.92)}
  70%,100%{opacity:0;transform:scale(1.13)}
}
@keyframes hadHeroVerifyShine{
  0%,70%{transform:translateX(105%)}
  82%,100%{transform:translateX(-115%)}
}
.home-hero--v2 .hero-actions--v2{
  grid-area:actions;
  margin-top:25px;
  justify-content:flex-start;
  gap:11px;
  animation:hadHeroRise .62s .09s ease both;
}
.home-hero--v2 .hero-actions--v2 .btn{
  min-height:50px;
  padding:11px 22px;
  border-radius:14px;
  font-size:.8125rem;
  box-shadow:none;
}
.home-hero--v2 .hero-cta-primary{box-shadow:0 14px 28px rgba(8,43,92,.18)!important}
.home-hero--v2 .hero-actions--v2 .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home-hero--v2 .hero-actions--v2 .btn:hover svg{transform:translateX(-2px)}
.home-hero--v2 .hero-actions--v2 .btn svg{transition:transform .2s ease}
.home-hero--v2 .hero-trust{
  grid-area:trust;
  margin-top:27px;
  padding-top:20px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  border-top:1px solid rgba(201,214,228,.68);
  animation:hadHeroRise .62s .17s ease both;
}
.home-hero--v2 .hero-trust-item{min-width:0;display:flex;align-items:center;gap:8px;padding:7px 5px}
.home-hero--v2 .hero-trust-icon{
  width:34px;height:34px;flex:0 0 34px;
  display:grid;place-items:center;
  border-radius:11px;
  background:linear-gradient(145deg,#EFF5FB,#F9FBFD);
  border:1px solid #E4ECF5;
  color:#174E8C;
}
.home-hero--v2 .hero-trust-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.home-hero--v2 .hero-trust-item>span:last-child{min-width:0;display:grid;gap:1px}
.home-hero--v2 .hero-trust-item b{color:#203A57;font-size:.65625rem;line-height:1.5;white-space:normal}
.home-hero--v2 .hero-trust-item small{color:#8392A3;font-size:.55rem;line-height:1.45}

.home-hero--v2 .hero-showcase{
  grid-area:showcase;
  width:100%;
  min-height:480px;
  position:relative;
  display:grid;
  place-items:center;
  animation:hadHeroRise .7s .06s ease both;
}
.home-hero--v2 .hero-showcase-glow{
  position:absolute;
  width:82%;aspect-ratio:1;
  left:4%;top:7%;
  border-radius:48% 52% 58% 42%/45% 45% 55% 55%;
  background:linear-gradient(145deg,#E8F1FA 0%,#DDEAF7 48%,#EFF4FA 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 30px 80px rgba(8,43,92,.08);
  transform:rotate(-7deg);
}
.home-hero--v2 .hero-showcase-glow:after{content:"";position:absolute;inset:12%;border-radius:inherit;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.88),rgba(255,255,255,0) 58%)}
.home-hero--v2 .hero-showcase-dots{
  position:absolute;
  width:185px;height:138px;
  left:19%;top:16%;
  opacity:.42;
  background-image:radial-gradient(circle,#77A8DE 1.35px,transparent 1.45px);
  background-size:14px 14px;
  mask-image:linear-gradient(135deg,#000 20%,transparent 88%);
  -webkit-mask-image:linear-gradient(135deg,#000 20%,transparent 88%);
}
.home-hero--v2 .hero-showcase-ring{position:absolute;border:1px solid rgba(212,154,74,.38);border-radius:50%}
.home-hero--v2 .hero-showcase-ring--one{width:72px;height:72px;right:6%;top:20%}
.home-hero--v2 .hero-showcase-ring--two{width:38px;height:38px;left:9%;bottom:20%;border-color:rgba(40,111,190,.30)}
.home-hero--v2 .hero-main-art{
  width:93%;
  max-width:620px;
  position:relative;
  z-index:2;
  margin-top:62px;
}
.home-hero--v2 .hero-main-art__halo{position:absolute;left:10%;right:10%;bottom:1%;height:18%;border-radius:50%;background:rgba(38,84,137,.12);filter:blur(25px);transform:translateY(14px)}
.home-hero--v2 .hero-main-art img{
  width:100%;
  max-height:410px;
  margin:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 24px rgba(20,58,98,.12));
  position:relative;
  z-index:1;
}
.home-hero--v2 .hero-float-card{
  position:absolute;
  z-index:4;
  min-width:154px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(216,227,238,.9);
  border-radius:16px;
  background:rgba(255,255,255,.93);
  box-shadow:0 14px 32px rgba(20,57,98,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.home-hero--v2 .hero-float-card>span:last-child{display:grid;gap:1px}
.home-hero--v2 .hero-float-card b{color:#183A60;font-size:.625rem;line-height:1.45}
.home-hero--v2 .hero-float-card small{color:#8391A1;font-size:.5rem;line-height:1.35}
.home-hero--v2 .hero-float-icon{
  width:35px;height:35px;flex:0 0 35px;
  display:grid;place-items:center;
  border-radius:11px;
  background:#EEF5FC;
  color:#1459A6;
}
.home-hero--v2 .hero-float-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-hero--v2 .hero-float-card--university{right:0;top:13%;animation:hadHeroFloat 5.8s ease-in-out infinite}
.home-hero--v2 .hero-float-card--camp{left:0;top:35%;animation:hadHeroFloat 6.4s .7s ease-in-out infinite}
.home-hero--v2 .hero-float-card--camp .hero-float-icon{background:#FFF6E7;color:#C78116}
.home-hero--v2 .hero-float-card--lessons{right:6%;bottom:8%;animation:hadHeroFloat 5.4s 1.2s ease-in-out infinite}
.home-hero--v2 .hero-float-card--lessons .hero-float-icon{background:#F0F8F5;color:#178560}

@keyframes hadHeroRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes hadHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:1120px){
  .home-hero--v2 .wrap{column-gap:36px;min-height:590px}
  .home-hero--v2 h1{font-size:clamp(2.625rem,4.3vw,3.4375rem)}
  .home-hero--v2 .hero-promise{font-size:clamp(1.5rem,2.3vw,1.875rem)}
  .home-hero--v2 .hero-showcase{min-height:440px}
  .home-hero--v2 .hero-float-card{min-width:140px;padding:9px 10px}
}

@media(max-width:1050px){
  .home-hero--v2 .wrap{
    width:min(820px,calc(100% - 32px));
    min-height:0;
    padding:46px 0 42px;
    grid-template-columns:1fr;
    grid-template-areas:"copy" "showcase" "actions" "trust";
    grid-template-rows:auto;
    gap:20px;
    text-align:center;
  }
  .home-hero--v2 .hero-copy{display:grid;justify-items:center}
  .home-hero--v2 .hero-verification-card{width:min(610px,100%);text-align:right}
  .home-hero--v2 h1{max-width:760px;font-size:3rem}
  .home-hero--v2 .hero-promise{max-width:760px;font-size:1.8125rem}
  .home-hero--v2 .hero-copy>p{max-width:680px;margin-top:15px}
  .home-hero--v2 .hero-actions--v2{margin-top:0;justify-content:center}
  .home-hero--v2 .hero-trust{width:min(700px,100%);margin:2px auto 0;padding-top:15px}
  .home-hero--v2 .hero-showcase{width:min(720px,100%);min-height:400px;margin:0 auto}
  .home-hero--v2 .hero-showcase-glow{width:76%;left:12%;top:4%}
  .home-hero--v2 .hero-main-art{width:83%;max-width:590px;margin-top:45px}
  .home-hero--v2 .hero-main-art img{max-height:335px}
  .home-hero--v2 .hero-float-card--university{right:5%;top:10%}
  .home-hero--v2 .hero-float-card--camp{left:5%;top:34%}
  .home-hero--v2 .hero-float-card--lessons{right:10%;bottom:5%}
}

@media(max-width:700px){
  .home-hero--v2 .wrap{width:calc(100% - 24px);padding:30px 0 30px;gap:16px}
  .home-hero--v2 .eyebrow{margin-bottom:11px;padding:6px 10px;font-size:.625rem}
  .home-hero--v2 h1{font-size:2.25rem;line-height:1.25;letter-spacing:-1.1px}
  .home-hero--v2 .hero-promise{margin-top:6px;font-size:1.375rem;line-height:1.5;letter-spacing:-.3px}
  .home-hero--v2 .hero-promise span:after{height:5px}
  .home-hero--v2 .hero-copy>p{margin-top:13px;font-size:.8125rem;line-height:1.85}
  .home-hero--v2 .hero-showcase{min-height:350px;margin-top:0;padding-bottom:30px}
  .home-hero--v2 .hero-showcase-glow{width:82%;left:9%;top:7%}
  .home-hero--v2 .hero-showcase-dots{width:120px;height:90px;left:16%;top:12%;background-size:11px 11px}
  .home-hero--v2 .hero-showcase-ring--one{width:48px;height:48px;right:6%;top:17%}
  .home-hero--v2 .hero-showcase-ring--two{width:28px;height:28px;left:8%;bottom:20%}
  .home-hero--v2 .hero-main-art{width:min(88%,340px);margin-top:26px}
  .home-hero--v2 .hero-main-art img{max-height:235px}
  .home-hero--v2 .hero-float-card{min-width:0;width:auto;max-width:136px;padding:8px 9px;gap:7px;border-radius:13px;box-shadow:0 10px 24px rgba(20,57,98,.11)}
  .home-hero--v2 .hero-float-icon{width:29px;height:29px;flex-basis:29px;border-radius:9px}
  .home-hero--v2 .hero-float-icon svg{width:15px;height:15px}
  .home-hero--v2 .hero-float-card b{font-size:.5375rem}
  .home-hero--v2 .hero-float-card small{font-size:.4375rem}
  .home-hero--v2 .hero-float-card--university{right:0;top:10%}
  .home-hero--v2 .hero-float-card--camp{left:0;top:37%}
  .home-hero--v2 .hero-float-card--lessons{right:3%;bottom:16px}
  .home-hero--v2 .hero-actions--v2{display:grid;grid-template-columns:1fr;width:100%;gap:9px;margin-top:2px;position:relative;z-index:6}
  .home-hero--v2 .hero-actions--v2 .btn{width:100%;min-height:49px;font-size:.75rem}
  .home-hero--v2 .hero-cta-primary{order:1}
  .home-hero--v2 .hero-cta-secondary{order:2}
  .home-hero--v2 .hero-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:14px;position:relative;z-index:5}
  .home-hero--v2 .hero-trust-item{min-height:88px;padding:10px 5px;display:grid;justify-items:center;align-content:center;gap:6px;text-align:center;border:1px solid #E7EDF4;border-radius:14px;background:rgba(255,255,255,.72)}
  .home-hero--v2 .hero-trust-icon{width:31px;height:31px;flex-basis:31px}
  .home-hero--v2 .hero-trust-item>span:last-child{justify-items:center}
  .home-hero--v2 .hero-trust-item b{font-size:.5625rem;line-height:1.45}
  .home-hero--v2 .hero-trust-item small{display:none}
}

@media(max-width:420px){
  .home-hero--v2 .wrap{width:calc(100% - 20px);padding:25px 0 25px;gap:14px}
  .home-hero--v2 h1{font-size:1.9375rem}
  .home-hero--v2 .hero-promise{font-size:1.25rem}
  .home-hero--v2 .hero-copy>p{font-size:.7625rem;line-height:1.8}
  .home-hero--v2 .hero-showcase{min-height:320px;padding-bottom:26px}
  .home-hero--v2 .hero-main-art{width:min(90%,300px);margin-top:24px}
  .home-hero--v2 .hero-main-art img{max-height:205px}
  .home-hero--v2 .hero-float-card{max-width:122px;padding:7px 8px}
  .home-hero--v2 .hero-float-card small{display:none}
  .home-hero--v2 .hero-float-card--university{right:-2px;top:8%}
  .home-hero--v2 .hero-float-card--camp{left:-2px;top:42%}
  .home-hero--v2 .hero-float-card--lessons{right:5%;bottom:10px}
  .home-hero--v2 .hero-trust-item{min-height:82px;padding:8px 4px}
  .home-hero--v2 .hero-trust-item b{font-size:.525rem}
}

@media(prefers-reduced-motion:reduce){
  .home-hero--v2 .hero-copy,
  .home-hero--v2 .hero-actions--v2,
  .home-hero--v2 .hero-trust,
  .home-hero--v2 .hero-showcase,
  .home-hero--v2 .hero-float-card,
  .home-hero--v2 .hero-verification-card:before,
  .home-hero--v2 .hero-verification-card__seal:after{animation:none!important}
  .home-hero--v2 .hero-actions--v2 .btn,
  .home-hero--v2 .hero-actions--v2 .btn svg{transition:none!important}
}

/* Premium checkout experience v1.0.38 */
.checkout-hero-v2{position:relative;overflow:hidden;padding:44px 0 34px;border-bottom:1px solid #E5ECF4;background:radial-gradient(circle at 8% 0%,rgba(45,119,205,.12),transparent 28%),radial-gradient(circle at 92% 100%,rgba(212,154,74,.12),transparent 30%),linear-gradient(180deg,#FCFDFF,#F5F8FC)}
.checkout-hero-v2:before{content:"";position:absolute;width:280px;height:280px;left:-150px;bottom:-200px;border:1px solid rgba(8,43,92,.08);border-radius:50%;box-shadow:0 0 0 48px rgba(8,43,92,.025),0 0 0 96px rgba(8,43,92,.015);pointer-events:none}
.checkout-hero-v2__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:52px;position:relative;z-index:1}
.checkout-hero-v2__copy{min-width:0}
.checkout-hero-v2__eyebrow{display:inline-flex;margin-bottom:10px;padding:6px 11px;border:1px solid #DFE9F3;border-radius:999px;background:rgba(255,255,255,.78);color:#1D548F;font-size:.625rem;font-weight:900;box-shadow:0 6px 18px rgba(8,43,92,.04)}
.checkout-hero-v2__copy h1{margin:0;color:#102844;font-size:2.25rem;line-height:1.35;letter-spacing:-.7px}
.checkout-hero-v2__copy p{margin:8px 0 0;color:#6A7D93;font-size:.8125rem;line-height:1.85}
.checkout-progress{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);align-items:center;padding:18px 20px;border:1px solid rgba(218,228,239,.95);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 15px 38px rgba(19,43,75,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.checkout-progress__item{min-width:0;display:flex;align-items:center;gap:9px;color:#8292A5}
.checkout-progress__item>span:last-child{min-width:0;display:grid;gap:1px}
.checkout-progress__item b{color:#62758B;font-size:.6875rem;line-height:1.45;white-space:nowrap}
.checkout-progress__item small{font-size:.53125rem;line-height:1.45;white-space:nowrap}
.checkout-progress__icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #DDE6F0;border-radius:50%;background:#F7F9FC;color:#75879B;font-size:.625rem;font-weight:950}
.checkout-progress__item.is-current .checkout-progress__icon{border-color:#173F7A;background:linear-gradient(135deg,var(--had-primary),#174A8D);color:#fff;box-shadow:0 8px 18px rgba(8,43,92,.17)}
.checkout-progress__item.is-current b{color:var(--had-primary)}
.checkout-progress__item.is-done .checkout-progress__icon{border-color:#BFDCCE;background:#EFF9F4;color:#177B58}
.checkout-progress__item.is-done b{color:#315B4C}
.checkout-progress__line{height:1px;background:#DDE6F0}
.checkout-progress__line.is-done{background:#BFDCCE}

.checkout-section-v2{padding:36px 0 70px;background:linear-gradient(180deg,#F8FAFD 0,#FFFFFF 220px)}
.had-checkout-shell{width:min(1180px,100%);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.checkout-assurance{margin:0 0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.checkout-assurance__item{min-width:0;padding:13px 14px;display:flex;align-items:center;gap:10px;border:1px solid #E3EBF3;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(20,44,75,.045)}
.checkout-assurance__item>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#EEF5FB,#F8FAFD);color:#175493}
.checkout-assurance__item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.checkout-assurance__item div{min-width:0;display:grid;gap:1px}
.checkout-assurance__item b{color:#28425E;font-size:.65625rem;line-height:1.5}
.checkout-assurance__item small{color:#8392A3;font-size:.53125rem;line-height:1.5}

.had-checkout-shell .woocommerce{width:100%}
.had-checkout-shell .woocommerce-notices-wrapper:empty{display:none}
.had-checkout-shell .woocommerce-message,.had-checkout-shell .woocommerce-info,.had-checkout-shell .woocommerce-error{position:relative;margin:0 0 16px;padding:13px 16px!important;border:1px solid #DCE7F2!important;border-top:1px solid #DCE7F2!important;border-radius:14px;background:#F7FAFD;color:#40566F;font-size:.71875rem;line-height:1.7;box-shadow:none}
.had-checkout-shell .woocommerce-error{border-color:#F0D0D6!important;background:#FFF8F9;color:#852E40}
.had-checkout-shell .woocommerce-message{border-color:#CDE4D8!important;background:#F5FBF8;color:#286048}
.had-checkout-shell .woocommerce-info:before,.had-checkout-shell .woocommerce-message:before,.had-checkout-shell .woocommerce-error:before{display:none}
.had-checkout-shell .woocommerce-form-coupon-toggle .woocommerce-info{display:flex;align-items:center;gap:6px}
.had-checkout-shell .woocommerce-form-coupon-toggle a{color:var(--had-primary);font-weight:900;text-decoration:none;border-bottom:1px dashed #AABBCB}
.had-checkout-shell form.checkout_coupon{margin:-5px 0 20px!important;padding:16px!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;border:1px solid #E1E9F2!important;border-radius:15px;background:#fff;box-shadow:0 10px 26px rgba(20,44,75,.05)}
.had-checkout-shell form.checkout_coupon p{float:none!important;width:auto!important;margin:0!important}
.had-checkout-shell form.checkout_coupon .form-row-last{display:flex;align-items:stretch}
.had-checkout-shell form.checkout_coupon .button{height:100%;min-width:116px}

.had-checkout-shell form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.72fr);grid-template-areas:"details review-title" "details review";grid-template-rows:auto 1fr;column-gap:22px;row-gap:0;align-items:start;direction:rtl}
.had-checkout-shell #customer_details{grid-area:details;min-width:0;display:grid;grid-template-columns:1fr;gap:16px}
.had-checkout-shell #order_review_heading{grid-area:review-title;margin:0;padding:0 2px 10px;color:#173654;font-size:1.0625rem;line-height:1.5}
.had-checkout-shell #order_review{grid-area:review;min-width:0;position:sticky;top:118px;padding:20px;border:1px solid #DFE7F0;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(20,44,75,.08)}
.had-checkout-shell .col2-set .col-1,.had-checkout-shell .col2-set .col-2{float:none!important;width:100%!important;margin:0!important}
.had-checkout-shell .woocommerce-billing-fields,.had-checkout-shell .woocommerce-additional-fields{padding:22px;border:1px solid #DFE7F0;border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(20,44,75,.06)}
.had-checkout-shell .woocommerce-billing-fields>h3,.had-checkout-shell .woocommerce-additional-fields>h3{position:relative;margin:0 0 20px;padding:0 43px 13px 0;border-bottom:1px solid #EDF1F5;color:#173654;font-size:1.0625rem;line-height:1.55}
.had-checkout-shell .woocommerce-billing-fields>h3:before,.had-checkout-shell .woocommerce-additional-fields>h3:before{position:absolute;right:0;top:-4px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#EEF5FB;color:#175493;font-size:.875rem;font-weight:900}
.had-checkout-shell .woocommerce-billing-fields>h3:before{content:"1"}
.had-checkout-shell .woocommerce-additional-fields>h3:before{content:"2"}
.had-checkout-shell .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}
.had-checkout-shell .woocommerce-billing-fields__field-wrapper .form-row{float:none!important;width:100%!important;margin:0!important}
.had-checkout-shell .woocommerce-billing-fields__field-wrapper .form-row-wide,.had-checkout-shell #billing_country_field,.had-checkout-shell #billing_address_1_field,.had-checkout-shell #billing_address_2_field,.had-checkout-shell #billing_email_field,.had-checkout-shell #billing_phone_field{grid-column:1/-1}
.had-checkout-shell .form-row{margin:0 0 13px}
.had-checkout-shell .form-row:last-child{margin-bottom:0}
.had-checkout-shell .form-row label{display:flex;align-items:center;gap:4px;margin:0 0 6px;color:#435A72;font-size:.65625rem;font-weight:900;line-height:1.5}
.had-checkout-shell .form-row label .required{color:#B4233B;text-decoration:none}
.had-checkout-shell .form-row .optional{color:#98A6B5;font-size:.53125rem;font-weight:700}
.had-checkout-shell .form-row input.input-text,.had-checkout-shell .form-row select,.had-checkout-shell .form-row textarea,.had-checkout-shell .select2-container .select2-selection--single{width:100%;min-height:48px;margin:0;padding:10px 12px;border:1px solid #D7E2ED!important;border-radius:12px!important;background:#FBFCFE!important;color:#213A55;font-size:.75rem;line-height:1.55;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.had-checkout-shell .form-row textarea{min-height:110px;resize:vertical}
.had-checkout-shell .form-row input.input-text:focus,.had-checkout-shell .form-row select:focus,.had-checkout-shell .form-row textarea:focus{border-color:#91ABC4!important;background:#fff!important;box-shadow:0 0 0 4px rgba(8,43,92,.07)}
.had-checkout-shell .select2-container{width:100%!important}
.had-checkout-shell .select2-container .select2-selection--single{height:48px!important;padding:0 10px!important}
.had-checkout-shell .select2-container .select2-selection--single .select2-selection__rendered{padding:0 2px!important;line-height:46px!important;color:#213A55}
.had-checkout-shell .select2-container .select2-selection--single .select2-selection__arrow{height:46px!important;left:8px!important;right:auto!important}
.had-checkout-shell .woocommerce-additional-fields__field-wrapper .form-row{margin:0}

.had-checkout-shell #order_review table.shop_table{margin:0 0 15px;border:0;border-collapse:separate;border-spacing:0;background:transparent}
.had-checkout-shell #order_review table.shop_table th,.had-checkout-shell #order_review table.shop_table td{padding:11px 4px;border:0;border-bottom:1px solid #EDF1F5;background:transparent;text-align:right;color:#455B72;font-size:.65625rem;line-height:1.65;vertical-align:top}
.had-checkout-shell #order_review table.shop_table thead th{padding-top:0;color:#76879A;font-size:.5625rem;font-weight:900}
.had-checkout-shell #order_review table.shop_table th:last-child,.had-checkout-shell #order_review table.shop_table td:last-child{text-align:left;white-space:nowrap}
.had-checkout-shell #order_review table.shop_table .product-name{font-weight:800;color:#27425F}
.had-checkout-shell #order_review table.shop_table tfoot th{font-weight:800;color:#52677E}
.had-checkout-shell #order_review table.shop_table tfoot tr:last-child th,.had-checkout-shell #order_review table.shop_table tfoot tr:last-child td{padding-top:14px;border-bottom:0;color:#173654;font-size:.8125rem;font-weight:950}
.had-checkout-shell #order_review table.shop_table .order-total .woocommerce-Price-amount{color:#B67821;font-size:1.0625rem;font-weight:950}
.had-checkout-shell .woocommerce-checkout-payment,.had-checkout-shell #payment{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.had-checkout-shell #payment ul.payment_methods{margin:0!important;padding:0!important;border:0!important;list-style:none}
.had-checkout-shell #payment ul.payment_methods:before{content:"اختر وسيلة الدفع";display:block;margin:0 0 8px;color:#173654;font-size:.75rem;font-weight:950}
.had-checkout-shell #payment .wc_payment_method{margin:0;padding:12px 0;border-bottom:1px solid #EDF1F5}
.had-checkout-shell #payment .wc_payment_method>input{margin:0 0 0 6px;accent-color:var(--had-primary)}
.had-checkout-shell #payment .wc_payment_method>label{color:#304C69;font-size:.6875rem;font-weight:900;cursor:pointer}
.had-checkout-shell #payment div.payment_box{margin:10px 0 0!important;padding:12px 13px!important;border-radius:12px;background:#F3F7FB!important;color:#5A6F85;font-size:.625rem;line-height:1.75}
.had-checkout-shell #payment div.payment_box:before{border-bottom-color:#F3F7FB!important}
.had-checkout-shell #payment .place-order{margin:0!important;padding:16px 0 0!important;background:transparent!important}
.had-checkout-shell #place_order{width:100%;min-height:54px;margin:0!important;padding:12px 18px!important;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--had-primary),#174A8D)!important;color:#fff!important;font-size:.8125rem!important;font-weight:950!important;box-shadow:0 14px 28px rgba(8,43,92,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.had-checkout-shell #place_order:hover{transform:translateY(-1px);background:linear-gradient(135deg,#031B3D,#12396B)!important;box-shadow:0 17px 32px rgba(8,43,92,.22)}
.had-checkout-shell .had-checkout-legal-note{margin:12px 0!important;padding:10px 11px;border:1px solid #E4EAF1;border-radius:10px;background:#F8FAFC;color:#718195;font-size:.5625rem;line-height:1.7}
.had-checkout-shell .woocommerce-privacy-policy-text{color:#718195;font-size:.5625rem;line-height:1.7}
.had-checkout-shell .woocommerce-privacy-policy-text a,.had-checkout-shell .had-checkout-legal-note a{color:#315D8E;font-weight:900;text-decoration:underline;text-underline-offset:2px}

.had-checkout-shell .woocommerce-order{padding:26px;border:1px solid #DFE7F0;border-radius:22px;background:#fff;box-shadow:0 18px 46px rgba(20,44,75,.07)}
.had-checkout-shell .woocommerce-order>p:first-child{margin-top:0;padding:15px 17px;border:1px solid #CFE5D9;border-radius:14px;background:#F4FBF7;color:#286048;font-weight:800}
.had-checkout-shell .woocommerce-order-overview{margin:0 0 22px;padding:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;border:1px solid #E2EAF2;border-radius:15px;background:#F8FAFD}
.had-checkout-shell .woocommerce-order-overview li{min-width:0;padding:8px 10px;border:0!important;border-radius:10px;background:#fff;color:#7E8EA0;font-size:.5625rem;line-height:1.5}
.had-checkout-shell .woocommerce-order-overview li strong{display:block;margin-top:3px;color:#28435F;font-size:.65625rem;overflow-wrap:anywhere}

@media(max-width:1050px){
  .checkout-hero-v2__inner{grid-template-columns:1fr;gap:22px;text-align:center}
  .checkout-hero-v2__copy{display:grid;justify-items:center}
  .checkout-hero-v2__copy p{max-width:620px}
  .checkout-progress{width:min(700px,100%);margin-inline:auto}
  .had-checkout-shell form.checkout{grid-template-columns:1fr;grid-template-areas:"details" "review-title" "review";gap:0}
  .had-checkout-shell #order_review_heading{margin-top:18px;padding:0 2px 10px}
  .had-checkout-shell #order_review{position:static}
}
@media(max-width:700px){
  .checkout-hero-v2{padding:28px 0 24px}
  .checkout-hero-v2__inner{gap:18px}
  .checkout-hero-v2__copy h1{font-size:1.6875rem}
  .checkout-hero-v2__copy p{font-size:.71875rem;line-height:1.75}
  .checkout-progress{grid-template-columns:1fr 24px 1fr 24px 1fr;padding:13px 10px;border-radius:16px}
  .checkout-progress__item{display:grid;justify-items:center;gap:5px;text-align:center}
  .checkout-progress__item>span:last-child{justify-items:center}
  .checkout-progress__item b{font-size:.53125rem;white-space:normal}
  .checkout-progress__item small{display:none}
  .checkout-progress__icon{width:28px;height:28px;flex-basis:28px;font-size:.5625rem}
  .checkout-section-v2{padding:22px 0 48px}
  .checkout-assurance{grid-template-columns:1fr;gap:7px;margin-bottom:13px}
  .checkout-assurance__item{padding:10px 11px;border-radius:13px}
  .checkout-assurance__item>span{width:32px;height:32px;flex-basis:32px;border-radius:10px}
  .checkout-assurance__item b{font-size:.59375rem}
  .checkout-assurance__item small{font-size:.4875rem}
  .had-checkout-shell form.checkout_coupon{grid-template-columns:1fr;padding:12px!important}
  .had-checkout-shell form.checkout_coupon .button{width:100%;min-height:46px}
  .had-checkout-shell .woocommerce-billing-fields,.had-checkout-shell .woocommerce-additional-fields,.had-checkout-shell #order_review{padding:16px 13px;border-radius:17px;box-shadow:0 10px 30px rgba(20,44,75,.055)}
  .had-checkout-shell .woocommerce-billing-fields>h3,.had-checkout-shell .woocommerce-additional-fields>h3{margin-bottom:15px;padding:0 38px 11px 0;font-size:.9375rem}
  .had-checkout-shell .woocommerce-billing-fields>h3:before,.had-checkout-shell .woocommerce-additional-fields>h3:before{width:29px;height:29px;border-radius:9px;font-size:.75rem}
  .had-checkout-shell .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr;gap:11px}
  .had-checkout-shell .woocommerce-billing-fields__field-wrapper .form-row{grid-column:1!important}
  .had-checkout-shell .form-row label{font-size:.625rem}
  .had-checkout-shell .form-row input.input-text,.had-checkout-shell .form-row select,.had-checkout-shell .form-row textarea,.had-checkout-shell .select2-container .select2-selection--single{min-height:49px;font-size:.8125rem;border-radius:12px!important}
  .had-checkout-shell .select2-container .select2-selection--single{height:49px!important}
  .had-checkout-shell .select2-container .select2-selection--single .select2-selection__rendered{line-height:47px!important}
  .had-checkout-shell #order_review_heading{margin-top:15px;font-size:.9375rem}
  .had-checkout-shell #order_review table.shop_table th,.had-checkout-shell #order_review table.shop_table td{font-size:.625rem;padding:10px 2px}
  .had-checkout-shell #order_review table.shop_table tfoot tr:last-child th,.had-checkout-shell #order_review table.shop_table tfoot tr:last-child td{font-size:.75rem}
  .had-checkout-shell #order_review table.shop_table .order-total .woocommerce-Price-amount{font-size:1rem}
  .had-checkout-shell #place_order{min-height:52px;font-size:.75rem!important}
  .had-checkout-shell .woocommerce-order{padding:17px 13px;border-radius:18px}
  .had-checkout-shell .woocommerce-order-overview{grid-template-columns:1fr 1fr;padding:10px;gap:7px}
}
@media(max-width:420px){
  .checkout-hero-v2__copy h1{font-size:1.5rem}
  .checkout-progress{grid-template-columns:1fr 18px 1fr 18px 1fr;padding:11px 7px}
  .checkout-progress__item b{font-size:.5rem}
  .checkout-progress__icon{width:26px;height:26px;flex-basis:26px}
  .had-checkout-shell .woocommerce-order-overview{grid-template-columns:1fr}
}

/* Premium WooCommerce order view v1.0.39 */
body.woocommerce-view-order .page-hero{padding:42px 16px 34px;border-bottom:1px solid #E5ECF4;background:radial-gradient(circle at 8% 0%,rgba(45,119,205,.11),transparent 28%),radial-gradient(circle at 92% 100%,rgba(212,154,74,.10),transparent 30%),linear-gradient(180deg,#FCFDFF,#F5F8FC)}
body.woocommerce-view-order .page-hero .eyebrow{padding:6px 11px;border:1px solid #E1EAF3;background:rgba(255,255,255,.78);color:#1D548F;font-size:.625rem;box-shadow:0 6px 18px rgba(8,43,92,.04)}
body.woocommerce-view-order .page-hero h1{margin-top:5px;color:#102844;font-size:2.25rem;letter-spacing:-.7px}
body.woocommerce-view-order .section{padding:32px 0 72px;background:linear-gradient(180deg,#F8FAFD 0,#fff 240px)}
body.woocommerce-view-order .content-box{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.woocommerce-view-order .woocommerce{width:100%}
body.woocommerce-view-order .woocommerce-MyAccount-navigation{display:none!important}
body.woocommerce-view-order .woocommerce-MyAccount-content{float:none!important;width:100%!important;margin:0!important}
body.woocommerce-view-order .woocommerce-notices-wrapper:empty{display:none}
body.woocommerce-view-order .woocommerce-message,body.woocommerce-view-order .woocommerce-info,body.woocommerce-view-order .woocommerce-error{margin:0 0 16px;padding:13px 16px!important;border:1px solid #DCE7F2!important;border-top:1px solid #DCE7F2!important;border-radius:14px;background:#F7FAFD;color:#40566F;font-size:.71875rem;line-height:1.7;box-shadow:none}

.had-order-view{width:min(1080px,100%);margin-inline:auto}
.had-order-view__toolbar{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.had-order-view__back{display:inline-flex;align-items:center;gap:7px;color:#315D8E;font-size:.6875rem;font-weight:900;transition:color .2s ease,transform .2s ease}
.had-order-view__back:hover{color:#082B5C;transform:translateX(2px)}
.had-order-view__back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-order-view__secure{display:inline-flex;align-items:center;gap:6px;color:#728398;font-size:.59375rem;font-weight:800}
.had-order-view__secure i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#EAF8F2;color:#15714F;font-style:normal;font-size:.625rem;font-weight:950}

.had-order-overview-card{position:relative;overflow:hidden;margin-bottom:18px;padding:25px;border:1px solid #DFE8F1;border-radius:24px;background:linear-gradient(145deg,#FFFFFF,#F8FAFD);box-shadow:0 18px 46px rgba(20,44,75,.07)}
.had-order-overview-card:before{content:"";position:absolute;width:250px;height:250px;left:-135px;bottom:-175px;border-radius:50%;background:radial-gradient(circle,rgba(45,119,205,.12),rgba(45,119,205,0) 70%);pointer-events:none}
.had-order-overview-card__head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.had-order-overview-card__head>div{min-width:0}
.had-order-overview-card__kicker{display:inline-block;margin-bottom:5px;color:#9A6C2C;font-size:.5625rem;font-weight:950}
.had-order-overview-card__head h2{margin:0;color:#173654;font-size:1.5rem;line-height:1.4;letter-spacing:-.3px}
.had-order-overview-card__head p{max-width:700px;margin:6px 0 0;color:#708297;font-size:.71875rem;line-height:1.8}
.had-order-view-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #DDE6EF;border-radius:999px;background:#EEF3F8;color:#53677C;font-size:.625rem;font-weight:950;white-space:nowrap}
.had-order-view-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.had-order-view-status.status-processing,.had-order-view-status.status-completed{border-color:#CDE5D9;background:#EFF9F4;color:#17724F}
.had-order-view-status.status-pending,.had-order-view-status.status-on-hold{border-color:#F0DDBD;background:#FFF8ED;color:#9A641D}
.had-order-view-status.status-cancelled,.had-order-view-status.status-failed{border-color:#EDD2D8;background:#FFF5F7;color:#8C3244}
.had-order-view-status.status-refunded{border-color:#DADDF0;background:#F7F7FC;color:#5E638D}

.had-order-summary-grid{position:relative;z-index:1;margin-top:22px;padding-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid #E8EEF4}
.had-order-summary-item{min-width:0;padding:12px 13px;display:flex;align-items:center;gap:10px;border:1px solid #E4EBF2;border-radius:15px;background:rgba(255,255,255,.88)}
.had-order-summary-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#EDF4FA,#F9FBFD);color:#175493}
.had-order-summary-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.had-order-summary-item>span:last-child{min-width:0;display:grid;gap:1px}
.had-order-summary-item small{color:#8795A5;font-size:.53125rem;font-weight:800;line-height:1.4}
.had-order-summary-item strong{min-width:0;color:#29445F;font-size:.65625rem;line-height:1.55;overflow-wrap:anywhere}
.had-order-summary-item--total strong{color:#B67821;font-size:.8125rem;font-weight:950}

.had-order-view__content{display:grid;gap:16px}
body.woocommerce-view-order .woocommerce-order-details,body.woocommerce-view-order .woocommerce-customer-details,body.woocommerce-view-order .had-bank-receipt-panel,body.woocommerce-view-order .had-pending-order-actions,body.woocommerce-view-order .had-order-cancel-box{margin:0!important;padding:22px!important;border:1px solid #E0E8F0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 34px rgba(20,44,75,.055)!important}
body.woocommerce-view-order .woocommerce-order-details__title,body.woocommerce-view-order .woocommerce-customer-details>h2,body.woocommerce-view-order .woocommerce-column__title,body.woocommerce-view-order .had-bank-receipt-panel h2,body.woocommerce-view-order .had-pending-order-actions h2{margin:0 0 15px!important;color:#183753!important;font-size:1.125rem!important;line-height:1.45!important}
body.woocommerce-view-order .woocommerce-order-details__title:before{content:"تفاصيل المشتريات";display:block;margin-bottom:3px;color:#9A6C2C;font-size:.53125rem;font-weight:950}
body.woocommerce-view-order .woocommerce-order-details table.shop_table{width:100%;margin:0!important;border:1px solid #E5EBF2!important;border-collapse:separate!important;border-spacing:0!important;border-radius:15px!important;overflow:hidden;background:#fff}
body.woocommerce-view-order .woocommerce-order-details table.shop_table th,body.woocommerce-view-order .woocommerce-order-details table.shop_table td{padding:12px 13px!important;border:0!important;border-bottom:1px solid #EDF1F5!important;background:#fff!important;text-align:right!important;color:#4C6075;font-size:.65625rem;line-height:1.65;vertical-align:middle}
body.woocommerce-view-order .woocommerce-order-details table.shop_table thead th{background:#F7F9FC!important;color:#728296;font-size:.5625rem;font-weight:950}
body.woocommerce-view-order .woocommerce-order-details table.shop_table th:last-child,body.woocommerce-view-order .woocommerce-order-details table.shop_table td:last-child{text-align:left!important;white-space:nowrap}
body.woocommerce-view-order .woocommerce-order-details table.shop_table tbody .product-name{color:#24425F;font-weight:900}
body.woocommerce-view-order .woocommerce-order-details table.shop_table tbody .product-name a{color:#174E8C;font-weight:950}
body.woocommerce-view-order .woocommerce-order-details table.shop_table tbody .product-quantity{color:#8291A2;font-size:.5625rem}
body.woocommerce-view-order .woocommerce-order-details table.shop_table tfoot th{background:#FBFCFE!important;color:#5D7084;font-weight:850}
body.woocommerce-view-order .woocommerce-order-details table.shop_table tfoot td{background:#FBFCFE!important;color:#2B465F;font-weight:900}
body.woocommerce-view-order .woocommerce-order-details table.shop_table tfoot tr:last-child th,body.woocommerce-view-order .woocommerce-order-details table.shop_table tfoot tr:last-child td{border-bottom:0!important;color:#173654;font-size:.75rem;font-weight:950}
body.woocommerce-view-order .woocommerce-order-details table.shop_table tfoot tr:last-child .woocommerce-Price-amount{color:#B67821;font-size:.9375rem;font-weight:950}
body.woocommerce-view-order .woocommerce-order-details .woocommerce-order-details__title+table{margin-top:0!important}
body.woocommerce-view-order .woocommerce-order-details .order-again{margin:14px 0 0!important}
body.woocommerce-view-order .woocommerce-order-details .order-again .button{min-height:42px;padding:9px 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;font-size:.65625rem!important}

body.woocommerce-view-order .woocommerce-customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.woocommerce-view-order .woocommerce-customer-details>h2{grid-column:1/-1;margin-bottom:0!important}
body.woocommerce-view-order .woocommerce-customer-details .woocommerce-column{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:16px!important;border:1px solid #E6ECF2;border-radius:15px;background:#FBFCFE}
body.woocommerce-view-order .woocommerce-customer-details .woocommerce-column__title{margin-bottom:9px!important;font-size:.75rem!important}
body.woocommerce-view-order .woocommerce-customer-details address{margin:0!important;padding:0!important;border:0!important;color:#53687D;font-size:.65625rem;line-height:1.95;font-style:normal}
body.woocommerce-view-order .woocommerce-customer-details address p{margin:6px 0 0!important;color:#38516B;font-size:.625rem}
body.woocommerce-view-order .woocommerce-customer-details .woocommerce-customer-details--phone:before,body.woocommerce-view-order .woocommerce-customer-details .woocommerce-customer-details--email:before{display:none!important}

body.woocommerce-view-order .had-bank-receipt-panel{display:grid;gap:12px}
body.woocommerce-view-order .had-bank-receipt-status{padding:12px 13px;border-radius:13px}
body.woocommerce-view-order .had-bank-receipt-upload{padding-top:4px}
body.woocommerce-view-order .had-pending-order-actions p{margin:0 0 12px;color:#708195;font-size:.65625rem;line-height:1.75}
body.woocommerce-view-order .had-pending-order-actions__buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body.woocommerce-view-order .had-pending-order-actions__buttons>*{margin:0!important}
body.woocommerce-view-order .had-whatsapp-receipt__button{min-height:43px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:.65625rem}
body.woocommerce-view-order .had-order-cancel-button{min-height:43px;padding:9px 14px;border-radius:11px;font-size:.65625rem}

@media(max-width:800px){
  body.woocommerce-view-order .page-hero{padding:31px 14px 27px}
  body.woocommerce-view-order .page-hero h1{font-size:1.8125rem}
  body.woocommerce-view-order .section{padding:23px 0 52px}
  .had-order-overview-card{padding:20px;border-radius:20px}
  .had-order-summary-grid{grid-template-columns:1fr 1fr}
  body.woocommerce-view-order .woocommerce-order-details,body.woocommerce-view-order .woocommerce-customer-details,body.woocommerce-view-order .had-bank-receipt-panel,body.woocommerce-view-order .had-pending-order-actions,body.woocommerce-view-order .had-order-cancel-box{padding:18px!important;border-radius:18px!important}
}
@media(max-width:560px){
  body.woocommerce-view-order .page-hero{padding:26px 12px 22px}
  body.woocommerce-view-order .page-hero h1{font-size:1.5625rem}
  body.woocommerce-view-order .section{padding:18px 0 44px}
  .had-order-view__toolbar{margin-bottom:11px;align-items:flex-start}
  .had-order-view__secure{max-width:145px;text-align:left;line-height:1.5}
  .had-order-overview-card{padding:16px 13px;border-radius:18px}
  .had-order-overview-card__head{display:grid;gap:11px}
  .had-order-overview-card__head h2{font-size:1.25rem}
  .had-order-overview-card__head p{font-size:.65625rem;line-height:1.75}
  .had-order-view-status{width:max-content;padding:7px 10px;font-size:.59375rem}
  .had-order-summary-grid{margin-top:16px;padding-top:14px;grid-template-columns:1fr 1fr;gap:7px}
  .had-order-summary-item{padding:10px 9px;gap:8px;border-radius:13px}
  .had-order-summary-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}
  .had-order-summary-item small{font-size:.4875rem}
  .had-order-summary-item strong{font-size:.59375rem}
  .had-order-summary-item--total strong{font-size:.6875rem}
  body.woocommerce-view-order .woocommerce-order-details,body.woocommerce-view-order .woocommerce-customer-details,body.woocommerce-view-order .had-bank-receipt-panel,body.woocommerce-view-order .had-pending-order-actions,body.woocommerce-view-order .had-order-cancel-box{padding:15px 12px!important;border-radius:16px!important}
  body.woocommerce-view-order .woocommerce-order-details__title,body.woocommerce-view-order .woocommerce-customer-details>h2,body.woocommerce-view-order .woocommerce-column__title,body.woocommerce-view-order .had-bank-receipt-panel h2,body.woocommerce-view-order .had-pending-order-actions h2{font-size:.9375rem!important}
  body.woocommerce-view-order .woocommerce-order-details table.shop_table{border-radius:13px!important}
  body.woocommerce-view-order .woocommerce-order-details table.shop_table th,body.woocommerce-view-order .woocommerce-order-details table.shop_table td{padding:10px 8px!important;font-size:.59375rem}
  body.woocommerce-view-order .woocommerce-order-details table.shop_table th:last-child,body.woocommerce-view-order .woocommerce-order-details table.shop_table td:last-child{white-space:normal}
  body.woocommerce-view-order .woocommerce-customer-details{grid-template-columns:1fr;gap:8px}
  body.woocommerce-view-order .woocommerce-customer-details>h2{grid-column:auto}
  body.woocommerce-view-order .woocommerce-customer-details .woocommerce-column{padding:13px!important;border-radius:13px}
  body.woocommerce-view-order .had-pending-order-actions__buttons{display:grid;grid-template-columns:1fr;width:100%}
  body.woocommerce-view-order .had-pending-order-actions__buttons .had-whatsapp-receipt__button,body.woocommerce-view-order .had-pending-order-actions__buttons .had-order-cancel-form,body.woocommerce-view-order .had-pending-order-actions__buttons .had-order-cancel-button{width:100%!important}
}
@media(max-width:390px){
  .had-order-view__secure{display:none}
  .had-order-summary-grid{grid-template-columns:1fr}
}


/* Home universities showcase v1.0.40 */
.universities-section--showcase{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(38,104,178,.075),transparent 25%),
    radial-gradient(circle at 92% 82%,rgba(212,154,74,.08),transparent 24%),
    linear-gradient(180deg,#F8FBFE 0%,#F4F8FC 100%);
}
.universities-section--showcase:before{
  content:"";
  position:absolute;
  width:320px;height:320px;
  left:-190px;top:-190px;
  border:1px solid rgba(35,88,148,.08);
  border-radius:50%;
  box-shadow:0 0 0 54px rgba(35,88,148,.022),0 0 0 108px rgba(35,88,148,.014);
  pointer-events:none;
}
.universities-section--showcase .container{position:relative;z-index:1}
.universities-section__head{align-items:center;margin-bottom:30px}
.universities-section__head>div:first-child{min-width:0}
.universities-section__head h2{margin-bottom:6px}
.universities-section__head p{margin:0;color:#728399;font-size:.8125rem;line-height:1.8}
.universities-section__meta{
  min-width:112px;
  padding:11px 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #DCE7F2;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(25,58,94,.055);
  white-space:nowrap;
}
.universities-section__meta span{color:var(--had-primary);font-size:1.25rem;font-weight:950;line-height:1}
.universities-section__meta small{color:#687C92;font-size:.625rem;font-weight:850}
.universities-section--showcase .university-strip--all{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}
.universities-section--showcase .uni-card{
  min-width:0;
  min-height:188px;
  padding:21px 12px 14px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:11px;
  text-align:center;
  border:1px solid #E2EAF2;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 25px rgba(24,57,93,.055);
  transform:translateZ(0);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.universities-section--showcase .uni-card:before{
  content:"";
  position:absolute;
  width:110px;height:110px;
  top:-58px;right:-45px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(31,91,158,.08),rgba(31,91,158,0) 68%);
  pointer-events:none;
}
.universities-section--showcase .uni-card__logo{
  width:92px;height:92px;
  flex:0 0 92px;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#F2F7FC,#FFFFFF);
  box-shadow:inset 0 0 0 1px #E5EDF5,0 9px 20px rgba(28,65,104,.08);
  transition:transform .24s ease,box-shadow .24s ease;
}
.universities-section--showcase .uni-card__logo-ring{
  position:absolute;
  inset:-5px;
  border:1px solid rgba(33,91,154,.15);
  border-radius:50%;
  transition:inset .24s ease,border-color .24s ease;
}
.universities-section--showcase .uni-card img{
  width:72px;height:72px;
  margin:0;
  padding:7px;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  position:relative;
  z-index:1;
}
.universities-section--showcase .uni-card__content{min-width:0;display:grid;justify-items:center;gap:2px}
.universities-section--showcase .uni-card__content strong{
  width:100%;
  color:#263D56;
  font-size:.78125rem;
  font-weight:950;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.universities-section--showcase .uni-card__content small{color:#8796A7;font-size:.55rem;font-weight:700}
.universities-section--showcase .uni-card__arrow{
  width:27px;height:27px;
  margin-top:auto;
  display:grid;
  place-items:center;
  border:1px solid #E2EAF3;
  border-radius:9px;
  background:#F8FAFD;
  color:#517393;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.universities-section--showcase .uni-card__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.universities-section--showcase .uni-featured-badge{
  top:9px;left:9px;
  z-index:5;
  padding:5px 7px;
  gap:3px;
  display:inline-flex;
  align-items:center;
  background:#173A62;
  color:#F7D88E;
  box-shadow:0 6px 14px rgba(18,55,94,.12);
}
.universities-section--showcase .uni-card.is-featured{
  border-color:#E6D3A8;
  background:linear-gradient(180deg,#FFFEFC 0%,#FFF9ED 100%);
}
.universities-section--showcase .uni-card.is-featured .uni-card__logo{box-shadow:inset 0 0 0 1px #EDDFC0,0 9px 20px rgba(166,118,29,.08)}
.universities-section--showcase .uni-card.is-featured .uni-card__logo-ring{border-color:rgba(197,143,45,.22)}
@media(hover:hover) and (pointer:fine){
  .universities-section--showcase .uni-card:hover{
    transform:translateY(-5px);
    border-color:#C8D9EA;
    background:#fff;
    box-shadow:0 17px 34px rgba(22,57,95,.105);
  }
  .universities-section--showcase .uni-card:hover .uni-card__logo{transform:translateY(-2px) scale(1.035);box-shadow:inset 0 0 0 1px #D9E6F2,0 14px 27px rgba(28,65,104,.12)}
  .universities-section--showcase .uni-card:hover .uni-card__logo-ring{inset:-8px;border-color:rgba(33,91,154,.27)}
  .universities-section--showcase .uni-card:hover .uni-card__arrow{background:var(--had-primary);border-color:var(--had-primary);color:#fff;transform:translateX(-2px)}
}
@media(max-width:1150px){
  .universities-section--showcase .university-strip--all{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:950px){
  .universities-section--showcase .university-strip--all{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
}
@media(max-width:700px){
  .universities-section--showcase{padding-top:44px;padding-bottom:46px}
  .universities-section__head{margin-bottom:21px;align-items:flex-start;gap:13px}
  .universities-section__head p{font-size:.71875rem}
  .universities-section__meta{min-width:0;padding:8px 11px;border-radius:12px}
  .universities-section__meta span{font-size:1.0625rem}
  .universities-section__meta small{font-size:.5625rem}
  .universities-section--showcase .university-strip--all{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .universities-section--showcase .uni-card{
    min-height:166px;
    padding:16px 8px 11px;
    gap:8px;
    border-radius:18px;
  }
  .universities-section--showcase .uni-card__logo{width:76px;height:76px;flex-basis:76px}
  .universities-section--showcase .uni-card img{width:60px;height:60px;padding:6px}
  .universities-section--showcase .uni-card__content strong{font-size:.6875rem;line-height:1.5}
  .universities-section--showcase .uni-card__content small{font-size:.5rem}
  .universities-section--showcase .uni-card__arrow{width:25px;height:25px;border-radius:8px}
  .universities-section--showcase .uni-featured-badge{top:7px;left:7px;padding:4px 6px;font-size:.46875rem}
}
@media(max-width:390px){
  .universities-section--showcase .university-strip--all{gap:8px}
  .universities-section--showcase .uni-card{min-height:156px;padding-inline:6px}
  .universities-section--showcase .uni-card__logo{width:70px;height:70px;flex-basis:70px}
  .universities-section--showcase .uni-card img{width:56px;height:56px}
  .universities-section--showcase .uni-card__content strong{font-size:.64375rem}
}
@media(prefers-reduced-motion:reduce){
  .universities-section--showcase .uni-card,
  .universities-section--showcase .uni-card__logo,
  .universities-section--showcase .uni-card__logo-ring,
  .universities-section--showcase .uni-card__arrow{transition:none!important}
}

/* About + Privacy pages v1.0.41 */
.had-page-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #DFE9F3;border-radius:999px;background:#F2F7FC;color:#174A83;font-size:.6875rem;font-weight:900;line-height:1.4}.had-page-badge i{color:var(--had-gold);font-style:normal;font-size:.5625rem}

/* About */
.had-about-hero{position:relative;overflow:hidden;border-bottom:1px solid #E8EEF5;background:radial-gradient(circle at 8% 22%,rgba(45,119,205,.12),transparent 27%),radial-gradient(circle at 88% 72%,rgba(212,154,74,.13),transparent 26%),linear-gradient(180deg,#fff,#F7FAFD)}
.had-about-hero:before{content:"";position:absolute;width:430px;height:430px;right:-230px;top:-250px;border:1px solid rgba(41,104,177,.09);border-radius:50%;box-shadow:0 0 0 62px rgba(41,104,177,.025),0 0 0 124px rgba(41,104,177,.018)}
.had-about-hero__inner{min-height:470px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:70px;padding-block:52px;position:relative;z-index:1}
.had-about-hero__copy{max-width:720px}.had-about-hero__copy h1{margin:14px 0 12px;color:#112A48;font-size:clamp(2.5rem,4.2vw,3.75rem);line-height:1.2;letter-spacing:-1.5px}.had-about-hero__copy h1 span{color:#1A538F}.had-about-hero__copy p{max-width:670px;margin:0;color:#62768D;font-size:1rem;line-height:2}.had-about-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.had-about-hero__actions .btn{min-height:48px;padding-inline:22px;border-radius:14px}
.had-about-mark{min-height:330px;position:relative;display:grid;place-items:center}.had-about-mark__halo{position:absolute;width:300px;height:300px;border-radius:44% 56% 54% 46%/48% 42% 58% 52%;background:linear-gradient(145deg,#DFECF8,#F4F8FC);transform:rotate(-8deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 24px 60px rgba(13,53,96,.09)}.had-about-mark__card{width:240px;min-height:220px;padding:28px 26px;position:relative;z-index:2;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(219,230,240,.95);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:0 22px 50px rgba(15,55,96,.12);backdrop-filter:blur(9px)}.had-about-mark__card img{width:118px;max-height:74px;margin-bottom:20px;object-fit:contain}.had-about-mark__card span{color:#7A8A9E;font-size:.6875rem;font-weight:800}.had-about-mark__card b{margin-top:3px;color:#173B65;font-size:1.375rem}.had-about-mark__dot{position:absolute;z-index:3;border-radius:50%;background:var(--had-gold);box-shadow:0 7px 16px rgba(212,154,74,.24)}.had-about-mark__dot--1{width:20px;height:20px;right:13%;top:20%}.had-about-mark__dot--2{width:12px;height:12px;left:14%;bottom:18%;background:#3B83C9}
.had-about-section{background:#fff}.had-about-intro-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;padding:38px 42px;border:1px solid #E3EAF2;border-radius:27px;background:linear-gradient(135deg,#FBFCFE,#F5F8FC);box-shadow:0 15px 38px rgba(12,48,87,.06)}.had-about-intro-card__label{display:flex;align-items:center;gap:10px;align-self:start}.had-about-intro-card__label span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#EAF2FA;color:#174F8B;font-size:.75rem;font-weight:950}.had-about-intro-card__label b{color:#1D3B5D;font-size:.875rem}.had-about-intro-card__content h2{margin:0 0 9px;color:#172F4A;font-size:1.6875rem;line-height:1.4}.had-about-intro-card__content p{margin:0;color:#536A83;font-size:.90625rem;line-height:2.05}.had-about-intro-card__content strong{color:#153F70}
.had-about-stats{margin-top:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.had-about-stat{min-height:104px;padding:19px 21px;display:flex;align-items:center;gap:14px;border:1px solid #E5ECF3;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(14,52,92,.045)}.had-about-stat__icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#EEF5FB;color:#15559B}.had-about-stat__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-about-stat>span:last-child{display:grid}.had-about-stat strong{color:#153A64;font-size:1.5rem;line-height:1.2}.had-about-stat small{margin-top:3px;color:#798A9E;font-size:.65625rem;font-weight:800}
.had-about-vm-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.had-about-vm-card{min-height:290px;padding:31px;border:1px solid #E1EAF3;border-radius:25px;background:linear-gradient(145deg,#F7FAFD,#EDF4FA);position:relative;overflow:hidden}.had-about-vm-card:after{content:"";position:absolute;width:170px;height:170px;left:-65px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(47,116,190,.09),transparent 70%)}.had-about-vm-card--mission{border-color:#EDDFC8;background:linear-gradient(145deg,#FFFCF7,#FBF3E7)}.had-about-vm-card--mission:after{background:radial-gradient(circle,rgba(212,154,74,.12),transparent 70%)}.had-about-vm-card__top{display:flex;align-items:center;justify-content:space-between}.had-about-vm-card__top>span{color:#8A9AAF;font-size:.6875rem;font-weight:900}.had-about-vm-card__top i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#175698;box-shadow:0 8px 18px rgba(18,58,100,.07)}.had-about-vm-card--mission .had-about-vm-card__top i{color:#B2771B}.had-about-vm-card__top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-about-vm-card>small{display:block;margin-top:20px;color:#5E7590;font-size:.6875rem;font-weight:900}.had-about-vm-card h2{margin:4px 0 10px;color:#193A5D;font-size:1.4375rem;line-height:1.45}.had-about-vm-card p{position:relative;z-index:1;margin:0;color:#5F7288;font-size:.84375rem;line-height:2}
.had-about-goals{margin-top:70px}.had-about-section-head{max-width:720px;margin-bottom:27px}.had-about-section-head h2{margin:10px 0 5px;color:#172F4B;font-size:1.9375rem;line-height:1.4}.had-about-section-head p{margin:0;color:#728399;font-size:.84375rem}.had-about-goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.had-about-goal{min-height:155px;padding:23px;border:1px solid #E5EBF2;border-radius:20px;background:#fff;box-shadow:0 9px 25px rgba(11,47,86,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.had-about-goal>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#EFF5FB;color:#1B5B9D;font-size:.625rem;font-weight:950}.had-about-goal p{margin:15px 0 0;color:#4F657D;font-size:.78125rem;line-height:1.9}.had-about-goal:hover{transform:translateY(-3px);border-color:#D7E4F0;box-shadow:0 15px 33px rgba(11,47,86,.08)}
.had-about-signature{margin-top:66px;padding:35px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #DDE7F0;border-radius:27px;background:radial-gradient(circle at 8% 20%,rgba(43,110,184,.12),transparent 28%),linear-gradient(135deg,#F8FBFD,#EDF4FA);box-shadow:0 17px 40px rgba(12,50,90,.07)}.had-about-signature>div{max-width:710px}.had-about-signature small{color:#A17029;font-size:.625rem;font-weight:900}.had-about-signature h2{margin:3px 0 7px;color:#13375F;font-size:1.75rem}.had-about-signature p{margin:0;color:#63778D;font-size:.8125rem;line-height:1.9}.had-about-signature .btn{flex:0 0 auto;min-height:49px;border-radius:14px}

/* Privacy */
.had-legal-hero{border-bottom:1px solid #E4EBF2;background:radial-gradient(circle at 12% 18%,rgba(42,112,187,.10),transparent 26%),linear-gradient(180deg,#fff,#F7FAFD)}.had-legal-hero__inner{min-height:300px;padding-block:50px;display:flex;align-items:center;justify-content:space-between;gap:40px}.had-legal-hero__inner>div:first-child{max-width:780px}.had-legal-hero h1{margin:12px 0 8px;color:#122C4B;font-size:clamp(2.375rem,4vw,3.375rem);line-height:1.25}.had-legal-hero p{margin:0;color:#62778E;font-size:.90625rem;line-height:2}.had-legal-hero__meta{min-width:170px;padding:18px 20px;display:grid;gap:3px;border:1px solid #E0E8F1;border-radius:18px;background:rgba(255,255,255,.75);text-align:center}.had-legal-hero__meta span{color:#8392A3;font-size:.625rem}.had-legal-hero__meta strong{color:#20466F;font-size:.8125rem}
.had-legal-section{background:#F8FAFC}.had-privacy-summary{margin-bottom:22px;padding:22px 25px;display:flex;align-items:center;gap:16px;border:1px solid #DDE8F2;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(13,50,90,.045)}.had-privacy-summary__icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:#ECF6F2;color:#16735B}.had-privacy-summary__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.had-privacy-summary strong{display:block;color:#193B60;font-size:.875rem}.had-privacy-summary p{margin:3px 0 0;color:#667A90;font-size:.78125rem;line-height:1.85}
.had-legal-layout{display:grid;grid-template-columns:265px minmax(0,1fr);align-items:start;gap:22px;direction:rtl}.had-legal-toc{position:sticky;top:112px;padding:18px;border:1px solid #E0E8F0;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(13,48,86,.05)}.had-legal-toc__head{padding:2px 4px 13px;border-bottom:1px solid #EDF1F5;display:grid}.had-legal-toc__head span{color:#1B3D61;font-size:.8125rem;font-weight:900}.had-legal-toc__head small{margin-top:2px;color:#8A98A8;font-size:.5625rem}.had-legal-toc nav{display:grid;gap:2px;margin-top:10px}.had-legal-toc a{min-height:35px;padding:7px 8px;display:flex;align-items:center;gap:8px;border-radius:10px;color:#536A82;font-size:.65625rem;font-weight:800;transition:background .16s ease,color .16s ease}.had-legal-toc a span{width:24px;color:#9A7A47;font-size:.53125rem;font-weight:950}.had-legal-toc a:hover{background:#F1F6FB;color:#174E89}.had-legal-content{display:grid;gap:13px;min-width:0}.had-legal-card{scroll-margin-top:125px;padding:28px 30px;border:1px solid #E1E8EF;border-radius:22px;background:#fff;box-shadow:0 9px 26px rgba(13,48,86,.04);position:relative}.had-legal-number{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:11px;background:#EFF5FB;color:#1A5798;font-size:.5625rem;font-weight:950}.had-legal-card h2{margin:0 0 10px;color:#183957;font-size:1.3125rem;line-height:1.5}.had-legal-card p{margin:0 0 10px;color:#596E84;font-size:.8125rem;line-height:2}.had-legal-card p:last-child{margin-bottom:0}.had-legal-card ul{margin:8px 0 0;padding:0 20px 0 0;display:grid;gap:8px}.had-legal-card li{padding-right:3px;color:#596E84;font-size:.78125rem;line-height:1.9}.had-legal-card strong{color:#234767}.had-legal-card a:not(.btn){color:#15599D;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.had-legal-card--contact{border-color:#D8E5F1;background:linear-gradient(145deg,#fff,#F5F9FC)}.had-legal-contact-actions{margin-top:18px;display:flex;gap:9px;flex-wrap:wrap}.had-legal-contact-actions .btn{min-height:45px;border-radius:13px;font-size:.71875rem}

@media(max-width:1050px){
  .had-about-hero__inner{grid-template-columns:1fr;gap:22px;padding-block:43px;text-align:center}.had-about-hero__copy{margin:auto;display:grid;justify-items:center}.had-about-hero__copy p{margin-inline:auto}.had-about-hero__actions{justify-content:center}.had-about-mark{min-height:265px}.had-about-mark__halo{width:250px;height:250px}.had-about-mark__card{width:210px;min-height:190px;padding:22px}.had-about-mark__card img{width:105px;margin-bottom:14px}.had-about-mark__card b{font-size:1.1875rem}
  .had-about-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .had-legal-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.had-legal-toc{top:95px;padding:14px}.had-legal-toc a{font-size:.6125rem}
}
@media(max-width:760px){
  .had-about-hero__inner{min-height:0;padding-block:34px;gap:15px}.had-about-hero__copy h1{margin-top:11px;font-size:2.25rem;letter-spacing:-.8px}.had-about-hero__copy p{font-size:.8125rem;line-height:1.9}.had-about-mark{min-height:220px}.had-about-mark__halo{width:210px;height:210px}.had-about-mark__card{width:180px;min-height:165px;border-radius:24px}.had-about-mark__card img{width:90px;max-height:58px}.had-about-mark__card span{font-size:.5625rem}.had-about-mark__card b{font-size:1rem}.had-about-hero__actions{width:100%;display:grid;grid-template-columns:1fr}.had-about-hero__actions .btn{width:100%;justify-content:center}
  .had-about-section{padding-top:42px}.had-about-intro-card{grid-template-columns:1fr;gap:17px;padding:24px 21px;border-radius:21px}.had-about-intro-card__content h2{font-size:1.375rem}.had-about-intro-card__content p{font-size:.78125rem;line-height:1.95}.had-about-stats{grid-template-columns:1fr}.had-about-stat{min-height:86px;padding:15px 17px}.had-about-stat strong{font-size:1.3125rem}.had-about-vm-grid{grid-template-columns:1fr}.had-about-vm-card{min-height:0;padding:24px 21px;border-radius:21px}.had-about-vm-card h2{font-size:1.25rem}.had-about-vm-card p{font-size:.76875rem}.had-about-goals{margin-top:48px}.had-about-section-head h2{font-size:1.5625rem}.had-about-goals-grid{grid-template-columns:1fr;gap:9px}.had-about-goal{min-height:0;padding:18px 19px;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:start;gap:12px}.had-about-goal p{margin:2px 0 0;font-size:.75rem}.had-about-signature{margin-top:48px;padding:25px 21px;display:grid;text-align:center}.had-about-signature h2{font-size:1.4375rem}.had-about-signature .btn{width:100%;justify-content:center}
  .had-legal-hero__inner{min-height:0;padding-block:37px;display:grid;gap:18px;text-align:center}.had-legal-hero__inner>div:first-child{display:grid;justify-items:center}.had-legal-hero h1{font-size:2.25rem}.had-legal-hero p{font-size:.78125rem;line-height:1.9}.had-legal-hero__meta{min-width:0;width:180px;margin:auto;padding:13px 16px}.had-legal-section{padding-top:40px}.had-privacy-summary{padding:19px;align-items:flex-start}.had-privacy-summary__icon{width:42px;height:42px;flex-basis:42px}.had-privacy-summary strong{font-size:.78125rem}.had-privacy-summary p{font-size:.71875rem}.had-legal-layout{display:block}.had-legal-toc{position:static;margin-bottom:14px;padding:14px 15px;border-radius:18px}.had-legal-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.had-legal-toc a{min-height:38px;padding:7px;font-size:.59375rem;background:#F8FAFC}.had-legal-card{scroll-margin-top:20px;padding:22px 20px;border-radius:19px}.had-legal-card h2{font-size:1.125rem}.had-legal-card p,.had-legal-card li{font-size:.73125rem;line-height:1.9}.had-legal-contact-actions{display:grid}.had-legal-contact-actions .btn{width:100%;justify-content:center;overflow-wrap:anywhere}
}
@media(max-width:430px){
  .had-page-badge{font-size:.59375rem;padding:6px 9px}.had-about-hero__copy h1{font-size:1.9375rem}.had-about-hero__copy p{font-size:.75rem}.had-about-mark{min-height:190px}.had-about-mark__halo{width:185px;height:185px}.had-about-mark__card{width:158px;min-height:145px;padding:18px}.had-about-mark__card img{width:78px;margin-bottom:10px}.had-about-mark__dot--1{right:9%}.had-about-mark__dot--2{left:9%}.had-about-goal{grid-template-columns:32px minmax(0,1fr);padding:16px}.had-about-goal>span{width:32px;height:32px}.had-about-signature h2{font-size:1.3125rem}
  .had-privacy-summary{display:grid;justify-items:start}.had-legal-toc nav{grid-template-columns:1fr}.had-legal-toc a{font-size:.625rem}.had-legal-card{padding:19px 17px}.had-legal-card h2{font-size:1.0625rem}
}
@media(prefers-reduced-motion:reduce){.had-about-goal{transition:none}.had-legal-toc a{transition:none}}


/* Footer legal links v1.0.42 */
.had-search-core-links{width:min(1180px,calc(100% - 20px));margin:24px auto 0;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}
.had-search-core-links__label{flex:0 0 auto;color:#E8BC78;font-size:.6875rem;font-weight:900}
.had-search-core-links__items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 18px}
.footer .had-search-core-links__items a{display:inline-flex;padding:3px 0;color:#C9D4DF;font-size:.7rem;font-weight:800}
.footer .had-search-core-links__items a:hover{color:#fff}
.footer-legal-links{width:min(1180px,calc(100% - 20px));margin:26px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 22px}
.footer .footer-legal-links a{display:inline-flex;padding:3px 0;color:#B9C7D6;font-size:.6875rem;font-weight:700;transition:color .2s ease}
.footer .footer-legal-links a:hover{color:#fff}
.footer .footer-legal-links a:not(:last-child):after{content:"•";margin-right:22px;color:rgba(232,188,120,.55);pointer-events:none}
.footer .footer-legal-links + .copyright{margin-top:12px;padding-top:0;border-top:0}
@media(max-width:700px){.had-search-core-links{margin-top:16px;padding:12px;display:grid;gap:8px;text-align:center}.had-search-core-links__items{gap:5px 14px}.footer .had-search-core-links__items a{font-size:.65rem}}
@media(max-width:700px){.footer-legal-links{margin-top:18px;padding-top:16px;gap:8px 14px}.footer .footer-legal-links a{font-size:.65625rem}.footer .footer-legal-links a:not(:last-child):after{margin-right:14px}}
@media(max-width:420px){.footer-legal-links{display:grid;grid-template-columns:1fr;justify-items:center;gap:4px}.footer .footer-legal-links a{padding:5px 8px}.footer .footer-legal-links a:not(:last-child):after{display:none}}


/* Legal pages: terms + refund v1.0.43 */
.had-legal-hero--terms{background:radial-gradient(circle at 12% 18%,rgba(42,112,187,.11),transparent 26%),radial-gradient(circle at 88% 80%,rgba(212,154,74,.10),transparent 27%),linear-gradient(180deg,#fff,#F7FAFD)}
.had-legal-hero--refund{background:radial-gradient(circle at 12% 18%,rgba(30,134,102,.10),transparent 27%),radial-gradient(circle at 88% 82%,rgba(212,154,74,.10),transparent 28%),linear-gradient(180deg,#fff,#F7FAFD)}
.had-legal-summary{margin-bottom:22px;padding:22px 25px;display:flex;align-items:center;gap:16px;border:1px solid #DDE8F2;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(13,50,90,.045)}
.had-legal-summary__icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:#EFF5FB;color:#195A9D}
.had-legal-summary__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-legal-summary strong{display:block;color:#193B60;font-size:.875rem}.had-legal-summary p{margin:3px 0 0;color:#667A90;font-size:.78125rem;line-height:1.85}
.had-legal-summary--refund .had-legal-summary__icon{background:#ECF6F2;color:#16735B}
.had-refund-highlight-grid{margin:0 0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.had-refund-highlight-grid>div{padding:20px 18px;border:1px solid #E0E8EF;border-radius:18px;background:linear-gradient(145deg,#fff,#F9FBFD);box-shadow:0 8px 22px rgba(13,48,86,.035)}
.had-refund-highlight-grid span{display:block;margin-bottom:4px;color:#1B5B98;font-size:1.1875rem;font-weight:950;line-height:1.4}.had-refund-highlight-grid p{margin:0;color:#6C7E91;font-size:.65625rem;line-height:1.8}
.had-legal-note{margin-top:14px;padding:13px 15px;border:1px solid #DCE7F1;border-radius:13px;background:#F5F9FC;color:#536B83;font-size:.71875rem;line-height:1.85}.had-legal-note strong{color:#234767}
@media(max-width:700px){.had-legal-summary{padding:19px;align-items:flex-start}.had-legal-summary__icon{width:42px;height:42px;flex-basis:42px}.had-legal-summary strong{font-size:.78125rem}.had-legal-summary p{font-size:.71875rem}.had-refund-highlight-grid{grid-template-columns:1fr;gap:8px}.had-refund-highlight-grid>div{padding:16px}.had-refund-highlight-grid span{font-size:1.0625rem}.had-refund-highlight-grid p{font-size:.675rem}}
@media(max-width:420px){.had-legal-summary{display:grid;justify-items:start}.had-refund-highlight-grid>div{border-radius:15px}.had-legal-note{font-size:.675rem}}

/* Moyasar-ready checkout v1.0.44 */
.had-checkout-shell #payment ul.payment_methods{display:grid;gap:9px}
.had-checkout-shell #payment .wc_payment_method{position:relative;margin:0!important;padding:0!important;border:1px solid #E1E8F0!important;border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.had-checkout-shell #payment .wc_payment_method>input{position:absolute;right:14px;top:17px;width:18px;height:18px;margin:0!important;accent-color:var(--had-primary);z-index:2}
.had-checkout-shell #payment .wc_payment_method>label{min-height:52px;margin:0!important;padding:14px 42px 14px 12px;display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;color:#294761!important;font-size:.6875rem!important;font-weight:900!important;cursor:pointer}
.had-checkout-shell #payment .wc_payment_method>label img{float:none!important;width:auto!important;max-width:74px!important;max-height:24px!important;margin:0 3px!important;object-fit:contain;vertical-align:middle}
.had-checkout-shell #payment .wc_payment_method>input:checked+label{color:#103C6E!important;background:linear-gradient(180deg,#F8FBFF,#F3F8FD)}
@supports selector(.had-checkout-shell .wc_payment_method:has(input:checked)){
  .had-checkout-shell #payment .wc_payment_method:has(>input:checked){border-color:#9CB8D4!important;box-shadow:0 0 0 3px rgba(8,43,92,.055),0 9px 24px rgba(20,44,75,.06)}
}
.had-checkout-shell #payment div.payment_box{margin:0!important;padding:14px!important;border-top:1px solid #E7EDF4;border-radius:0!important;background:#F8FAFD!important;color:#526A82;font-size:.625rem;line-height:1.8}
.had-checkout-shell #payment div.payment_box:before{display:none!important}
.had-checkout-shell #payment div.payment_box p:first-child{margin-top:0}
.had-checkout-shell #payment div.payment_box p:last-child{margin-bottom:0}
.had-checkout-shell #payment div.payment_box input[type="text"],
.had-checkout-shell #payment div.payment_box input[type="tel"],
.had-checkout-shell #payment div.payment_box input[type="number"],
.had-checkout-shell #payment div.payment_box input[type="email"],
.had-checkout-shell #payment div.payment_box select{
  width:100%;min-height:46px;padding:9px 11px;border:1px solid #D7E2ED;border-radius:11px;background:#fff;color:#213A55;font-size:.75rem;box-shadow:none
}
.had-checkout-shell #payment div.payment_box input:focus,.had-checkout-shell #payment div.payment_box select:focus{border-color:#91ABC4;outline:none;box-shadow:0 0 0 4px rgba(8,43,92,.07)}
.had-checkout-shell #payment fieldset{min-width:0;margin:0;padding:0;border:0}
.had-checkout-shell #payment iframe{max-width:100%;border:0}
.had-checkout-shell #payment [class*="moyasar"],.had-checkout-shell #payment [id*="moyasar"]{max-width:100%;box-sizing:border-box}
.had-checkout-shell #payment [class*="apple-pay"] button,.had-checkout-shell #payment button[class*="apple"],.had-checkout-shell #payment apple-pay-button{width:100%;min-height:48px;border-radius:11px;overflow:hidden}
.had-checkout-shell #payment .woocommerce-SavedPaymentMethods{margin:8px 0!important;padding:0!important;display:grid;gap:7px;list-style:none}
.had-checkout-shell #payment .woocommerce-SavedPaymentMethods li{padding:9px 10px;border:1px solid #E1E8F0;border-radius:10px;background:#fff}
.had-checkout-shell #payment .woocommerce-SavedPaymentMethods input{accent-color:var(--had-primary)}

.had-moyasar-intro{margin:16px 0 12px;padding:13px;border:1px solid #DDE8F2;border-radius:15px;background:linear-gradient(145deg,#F7FBFF,#FBFCFE);box-shadow:0 8px 22px rgba(20,44,75,.04)}
.had-moyasar-intro__head{display:flex;align-items:center;gap:9px}
.had-moyasar-intro__shield{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#EAF3FB;color:#15538F}
.had-moyasar-intro__shield svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-moyasar-intro__head>span:last-child{min-width:0;display:grid;gap:1px}
.had-moyasar-intro__head b{color:#23445F;font-size:.65625rem;line-height:1.5}
.had-moyasar-intro__head small{color:#74869A;font-size:.53125rem;line-height:1.55}
.had-moyasar-intro__badges{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}
.had-moyasar-intro__badges span{min-height:26px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #DCE6F0;border-radius:8px;background:#fff;color:#244766;font-size:.53125rem;font-weight:950;letter-spacing:.05px}
.had-moyasar-intro>p{margin:8px 0 0;color:#8A98A7;font-size:.4875rem;line-height:1.55}

@media(max-width:700px){
  .had-checkout-shell #payment ul.payment_methods{gap:8px}
  .had-checkout-shell #payment .wc_payment_method{border-radius:13px}
  .had-checkout-shell #payment .wc_payment_method>input{right:12px;top:17px;width:17px;height:17px}
  .had-checkout-shell #payment .wc_payment_method>label{min-height:52px;padding:13px 38px 13px 9px;font-size:.65625rem!important;gap:5px}
  .had-checkout-shell #payment .wc_payment_method>label img{max-width:62px!important;max-height:22px!important;margin:0 2px!important}
  .had-checkout-shell #payment div.payment_box{padding:12px 10px!important}
  .had-checkout-shell #payment div.payment_box input[type="text"],.had-checkout-shell #payment div.payment_box input[type="tel"],.had-checkout-shell #payment div.payment_box input[type="number"],.had-checkout-shell #payment div.payment_box input[type="email"],.had-checkout-shell #payment div.payment_box select{min-height:48px;font-size:1rem}
  .had-checkout-shell #payment [class*="apple-pay"] button,.had-checkout-shell #payment button[class*="apple"],.had-checkout-shell #payment apple-pay-button{min-height:50px}
  .had-moyasar-intro{margin:13px 0 10px;padding:11px;border-radius:13px}
  .had-moyasar-intro__head{align-items:flex-start}
  .had-moyasar-intro__head small{font-size:.5rem}
  .had-moyasar-intro__badges{gap:5px}
  .had-moyasar-intro__badges span{padding:5px 8px;font-size:.5rem}
}


/* Direct bank transfer accounts v1.0.45 */
.had-commerce-shell .woocommerce-bacs-bank-details{display:grid;gap:13px}
.had-commerce-shell .woocommerce-bacs-bank-details>h2,.had-commerce-shell .woocommerce-bacs-bank-details>h3{margin:0 0 2px;color:#183753;font-size:1.125rem;line-height:1.5}
.had-commerce-shell .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name{margin:4px 0 0;padding:10px 13px;border:1px solid #DFE8F1;border-radius:13px 13px 0 0;background:linear-gradient(135deg,#F3F7FB,#FBFCFE);color:#173B62;font-size:.8125rem;font-weight:900}
.had-commerce-shell .woocommerce-bacs-bank-details ul.wc-bacs-bank-details{margin:-13px 0 4px!important;padding:13px!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;border:1px solid #DFE8F1;border-top:0;border-radius:0 0 13px 13px;background:#fff}
.had-commerce-shell .woocommerce-bacs-bank-details ul.wc-bacs-bank-details li{min-width:0;margin:0!important;padding:9px 10px!important;border:1px solid #EDF1F5;border-radius:10px;background:#FAFCFE;color:#5F7186;font-size:.65625rem;line-height:1.65;overflow-wrap:anywhere}
.had-commerce-shell .woocommerce-bacs-bank-details ul.wc-bacs-bank-details li strong{display:block;margin-top:2px;color:#173957;font-size:.75rem;direction:ltr;text-align:right;unicode-bidi:plaintext}
@media(max-width:700px){
  .had-commerce-shell .woocommerce-bacs-bank-details{gap:11px}
  .had-commerce-shell .woocommerce-bacs-bank-details>h2,.had-commerce-shell .woocommerce-bacs-bank-details>h3{font-size:1rem}
  .had-commerce-shell .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name{padding:9px 11px;font-size:.75rem}
  .had-commerce-shell .woocommerce-bacs-bank-details ul.wc-bacs-bank-details{grid-template-columns:1fr;padding:10px!important;gap:7px}
  .had-commerce-shell .woocommerce-bacs-bank-details ul.wc-bacs-bank-details li{padding:8px 9px!important;font-size:.625rem}
  .had-commerce-shell .woocommerce-bacs-bank-details ul.wc-bacs-bank-details li strong{font-size:.71875rem}
}

/* Premium cart v1.0.46 */
body.woocommerce-cart .had-cart-hero{padding:38px 16px 34px;border-bottom:1px solid #E5ECF4;background:radial-gradient(circle at 8% 5%,rgba(45,119,205,.12),transparent 28%),radial-gradient(circle at 92% 92%,rgba(212,154,74,.11),transparent 27%),linear-gradient(180deg,#FDFEFF,#F5F8FC)}
.had-cart-hero__inner{width:min(920px,100%);margin:auto;text-align:center}
body.woocommerce-cart .had-cart-hero .eyebrow{margin-bottom:6px;padding:6px 11px;border:1px solid #E1EAF3;background:rgba(255,255,255,.78);color:#1D548F;font-size:.625rem;box-shadow:0 6px 18px rgba(8,43,92,.04)}
body.woocommerce-cart .had-cart-hero h1{margin:3px 0 7px;color:#102844;font-size:2.375rem;line-height:1.3;letter-spacing:-.8px}
body.woocommerce-cart .had-cart-hero p{margin:0;color:#66798E;font-size:.75rem}
.had-cart-steps{width:min(560px,100%);margin:22px auto 0;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;direction:rtl}
.had-cart-step{display:flex;align-items:center;gap:7px;color:#8795A6;white-space:nowrap}
.had-cart-step span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #DCE5EF;border-radius:9px;background:#fff;color:#718298;font-size:.625rem;font-weight:950}
.had-cart-step b{font-size:.59375rem;font-weight:900}
.had-cart-step.is-active{color:#174E8C}.had-cart-step.is-active span{border-color:#C9DDF2;background:#EAF3FC;color:#174E8C;box-shadow:0 5px 14px rgba(24,81,143,.09)}
.had-cart-steps>i{height:1px;background:linear-gradient(90deg,#DCE5EE,#CBD9E7)}
.had-cart-section{padding:30px 0 72px;background:linear-gradient(180deg,#F7FAFD 0,#fff 280px)}
.had-cart-page{width:min(1180px,100%);margin:auto}
.had-cart-overview{margin:0 0 14px;padding:12px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:1px solid #E3EAF2;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(20,44,75,.045)}
.had-cart-overview>div{min-width:0;padding:5px 9px;display:flex;align-items:center;gap:9px;border-left:1px solid #EDF1F5}.had-cart-overview>div:last-child{border-left:0}
.had-cart-overview__icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:#EDF8F3;color:#20815B;font-size:.6875rem;font-weight:950}
.had-cart-overview__icon--gold{background:#FFF6E7;color:#A86A12;font-size:.5rem}.had-cart-overview__icon--secure{background:#EEF5FC;color:#175493;font-size:1.0625rem}
.had-cart-overview>div>span:last-child{min-width:0;display:grid;gap:1px}.had-cart-overview b{color:#29445F;font-size:.65625rem;line-height:1.5}.had-cart-overview small{color:#8795A5;font-size:.53125rem;line-height:1.5}
body.woocommerce-cart .had-cart-shell{width:100%;padding:22px;border-color:#DFE7F0;border-radius:23px;box-shadow:0 18px 52px rgba(17,36,62,.075)}
body.woocommerce-cart .had-cart-shell>.woocommerce{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.68fr);gap:22px;align-items:start}
body.woocommerce-cart .had-cart-shell .woocommerce-notices-wrapper,body.woocommerce-cart .had-cart-shell .woocommerce-message,body.woocommerce-cart .had-cart-shell .woocommerce-info,body.woocommerce-cart .had-cart-shell .woocommerce-error{grid-column:1/-1}
body.woocommerce-cart .had-cart-shell .woocommerce-cart-form{grid-column:1;margin:0;padding:0;min-width:0}
body.woocommerce-cart .had-cart-shell .cart-collaterals{grid-column:2;width:100%;min-width:0}
body.woocommerce-cart .had-cart-shell .cart-collaterals:before,body.woocommerce-cart .had-cart-shell .cart-collaterals:after{display:none!important}
body.woocommerce-cart .had-cart-shell .cart_totals{float:none!important;width:100%!important;margin:0!important;padding:20px!important;position:sticky;top:104px;border:1px solid #DDE7F0;border-radius:19px;background:linear-gradient(180deg,#FBFDFF,#F6F9FC);box-shadow:0 10px 30px rgba(20,44,75,.055)}
body.woocommerce-cart .had-cart-shell .cart_totals h2{margin:0 0 15px;padding:0 0 12px;border-bottom:1px solid #E5ECF3;color:#183753;font-size:1.125rem;line-height:1.45}
body.woocommerce-cart .had-cart-shell .cart_totals h2:before{content:"ملخص طلبك";display:block;margin-bottom:3px;color:#9A6C2C;font-size:.5rem;font-weight:950}
body.woocommerce-cart .had-cart-shell table.shop_table{margin:0!important;border:1px solid #E1E9F1!important;border-collapse:separate!important;border-spacing:0!important;border-radius:17px!important;overflow:hidden;background:#fff}
body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table thead th{padding:11px 10px!important;background:#F7F9FC!important;color:#728296!important;font-size:.5625rem!important;font-weight:950!important;border:0!important;border-bottom:1px solid #E7EDF3!important;text-align:right!important}
body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table td{padding:14px 10px!important;border:0!important;border-bottom:1px solid #EDF1F5!important;background:#fff!important;color:#3F566E;font-size:.65625rem;vertical-align:middle!important;text-align:right!important}
body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table tr.cart_item:last-of-type td{border-bottom:1px solid #EDF1F5!important}
body.woocommerce-cart .had-cart-shell td.product-remove{width:42px;text-align:center!important}
body.woocommerce-cart .had-cart-shell .product-remove a.remove{width:30px!important;height:30px!important;display:grid!important;place-items:center;border:1px solid #F0DCE0!important;border-radius:9px!important;background:#FFF7F8!important;color:#A93449!important;font-size:1.125rem!important;line-height:1!important;transition:.2s}
body.woocommerce-cart .had-cart-shell .product-remove a.remove:hover{border-color:#EABDC6!important;background:#FFF0F2!important;color:#84263A!important;transform:translateY(-1px)}
body.woocommerce-cart .had-cart-shell td.product-thumbnail{width:104px}
body.woocommerce-cart .had-cart-shell td.product-thumbnail a{display:block;width:86px;aspect-ratio:16/10;overflow:hidden;border:1px solid #E3EAF1;border-radius:12px;background:#F5F8FB}
body.woocommerce-cart .had-cart-shell td.product-thumbnail img,body.woocommerce-cart .had-cart-shell .had-cart-course-image{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important;border-radius:0!important}
body.woocommerce-cart .had-cart-shell td.product-name a{color:#173F6E;font-size:.75rem;font-weight:950;line-height:1.65}
body.woocommerce-cart .had-cart-shell td.product-name a:hover{color:#0D5CAE}
body.woocommerce-cart .had-cart-shell td.product-price,body.woocommerce-cart .had-cart-shell td.product-subtotal{white-space:nowrap;color:#29465F;font-weight:900}
body.woocommerce-cart .had-cart-shell td.product-subtotal .woocommerce-Price-amount{color:#B67821;font-size:.75rem;font-weight:950}
body.woocommerce-cart .had-cart-shell td.product-quantity{color:#78899B;font-weight:800;text-align:center!important}
body.woocommerce-cart .had-cart-shell .quantity .qty{width:62px!important;min-height:38px;padding:7px!important;text-align:center;border-color:#DDE5ED!important;border-radius:10px!important;background:#F9FBFD!important;font-size:.625rem!important}
body.woocommerce-cart .had-cart-shell .actions{padding:14px!important;background:#FBFCFE!important}
body.woocommerce-cart .had-cart-shell .actions .coupon{width:100%;display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center}
body.woocommerce-cart .had-cart-shell .actions .coupon label{display:none!important}
body.woocommerce-cart .had-cart-shell .actions .coupon .input-text{width:100%!important;min-height:43px;margin:0!important;padding:9px 12px!important;border:1px solid #D7E1EB!important;border-radius:11px!important;background:#fff!important;font-size:.6875rem!important;box-shadow:none!important}
body.woocommerce-cart .had-cart-shell .actions .coupon .button{min-height:43px!important;margin:0!important;padding:9px 15px!important;border-radius:11px!important;font-size:.65625rem!important;white-space:nowrap}
body.woocommerce-cart .had-cart-shell .actions>button[name="update_cart"]{margin-top:9px!important;min-height:39px!important;padding:8px 13px!important;border:1px solid #DCE5EE!important;background:#EFF4F9!important;color:#536A82!important;font-size:.59375rem!important;box-shadow:none!important}
body.woocommerce-cart .had-cart-shell .actions>button[name="update_cart"]:not(:disabled):hover{background:#E6EEF6!important;color:#294B6D!important}
body.woocommerce-cart .had-cart-shell .actions>button[name="update_cart"]:disabled{opacity:.55!important;cursor:not-allowed!important}
body.woocommerce-cart .had-cart-shell .cart_totals table.shop_table{border-radius:13px!important}
body.woocommerce-cart .had-cart-shell .cart_totals table.shop_table th,body.woocommerce-cart .had-cart-shell .cart_totals table.shop_table td{padding:11px 10px!important;border:0!important;border-bottom:1px solid #E8EEF4!important;background:transparent!important;color:#586D82;font-size:.625rem!important;text-align:right!important}
body.woocommerce-cart .had-cart-shell .cart_totals table.shop_table td{text-align:left!important;font-weight:900;white-space:nowrap}
body.woocommerce-cart .had-cart-shell .cart_totals .order-total th,body.woocommerce-cart .had-cart-shell .cart_totals .order-total td{padding-top:14px!important;padding-bottom:14px!important;border-bottom:0!important;color:#173753!important;font-size:.6875rem!important;font-weight:950!important}
body.woocommerce-cart .had-cart-shell .cart_totals .order-total .woocommerce-Price-amount{color:#B67821;font-size:1rem;font-weight:950}
body.woocommerce-cart .had-cart-shell .wc-proceed-to-checkout{margin:16px 0 0!important;padding:0!important}
body.woocommerce-cart .had-cart-shell .wc-proceed-to-checkout:after{content:"ستراجع بياناتك ووسيلة الدفع في الخطوة التالية";display:block;margin-top:9px;color:#8392A3;font-size:.53125rem;line-height:1.6;text-align:center}
body.woocommerce-cart .had-cart-shell .checkout-button{min-height:50px!important;margin:0!important;padding:11px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;background:linear-gradient(135deg,#082B5C,#104985)!important;color:#fff!important;font-size:.78125rem!important;font-weight:950!important;box-shadow:0 12px 24px rgba(8,43,92,.17)!important}
body.woocommerce-cart .had-cart-shell .checkout-button:hover{background:linear-gradient(135deg,#061F43,#0B3A70)!important;transform:translateY(-1px)}
body.woocommerce-cart .had-cart-shell .cart-empty{grid-column:1/-1;margin:0;padding:38px 20px!important;border:1px dashed #CBD8E5!important;border-radius:18px!important;background:#FAFCFE!important;color:#5E7186!important;text-align:center!important}
body.woocommerce-cart .had-cart-shell .return-to-shop{grid-column:1/-1;margin:0;text-align:center}.had-cart-shell .return-to-shop .button{min-height:45px!important;padding:9px 18px!important}
.had-cart-assurance{width:min(820px,100%);margin:14px auto 0;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;color:#75879A}
.had-cart-assurance span{padding:7px 11px;border:1px solid #E5EBF2;border-radius:999px;background:#fff;font-size:.55rem;line-height:1.5}.had-cart-assurance b{color:#4E667D;font-weight:850}
@media(max-width:900px){
 body.woocommerce-cart .had-cart-shell>.woocommerce{grid-template-columns:1fr;gap:15px}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form,body.woocommerce-cart .had-cart-shell .cart-collaterals{grid-column:1}
 body.woocommerce-cart .had-cart-shell .cart_totals{position:static;top:auto}
 .had-cart-overview{grid-template-columns:1fr 1fr}.had-cart-overview>div{border-left:0;border-bottom:1px solid #EDF1F5}.had-cart-overview>div:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:700px){
 body.woocommerce-cart .had-cart-hero{padding:28px 12px 25px}.had-cart-hero__inner{width:100%}
 body.woocommerce-cart .had-cart-hero h1{font-size:1.8125rem}.had-cart-steps{margin-top:17px;gap:5px}.had-cart-step{gap:4px}.had-cart-step span{width:25px;height:25px;border-radius:8px;font-size:.5625rem}.had-cart-step b{font-size:.5rem}
 .had-cart-section{padding:20px 0 50px}.had-cart-overview{margin-bottom:10px;padding:10px;grid-template-columns:1fr;border-radius:15px}.had-cart-overview>div,.had-cart-overview>div:last-child{grid-column:auto;border-left:0;border-bottom:1px solid #EDF1F5;padding:7px 4px}.had-cart-overview>div:last-child{border-bottom:0}
 body.woocommerce-cart .had-cart-shell{padding:11px;border-radius:18px}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table{display:block!important;border:0!important;background:transparent!important;overflow:visible!important}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table thead{display:none!important}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table tbody{display:grid!important;gap:10px}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table tr.cart_item{position:relative;display:grid!important;grid-template-columns:74px minmax(0,1fr);grid-template-areas:"image name" "image price" "image subtotal";gap:3px 10px;padding:12px!important;border:1px solid #E2EAF2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 20px rgba(20,44,75,.045)}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table tr.cart_item td{display:block!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;text-align:right!important}
 body.woocommerce-cart .had-cart-shell td.product-remove{position:absolute!important;left:9px;top:9px;z-index:2}
 body.woocommerce-cart .had-cart-shell .product-remove a.remove{width:27px!important;height:27px!important;border-radius:8px!important;font-size:1rem!important}
 body.woocommerce-cart .had-cart-shell td.product-thumbnail{grid-area:image}
 body.woocommerce-cart .had-cart-shell td.product-thumbnail:before{display:none!important}
 body.woocommerce-cart .had-cart-shell td.product-thumbnail a{width:74px;height:74px;aspect-ratio:auto;border-radius:11px}
 body.woocommerce-cart .had-cart-shell td.product-name{grid-area:name;padding-left:34px!important}.had-cart-shell td.product-name:before{display:none!important}
 body.woocommerce-cart .had-cart-shell td.product-name a{font-size:.71875rem;line-height:1.55}
 body.woocommerce-cart .had-cart-shell td.product-price{grid-area:price}.had-cart-shell td.product-price:before{content:"السعر: ";float:none!important;color:#8998A8;font-size:.53125rem;font-weight:700}
 body.woocommerce-cart .had-cart-shell td.product-quantity{display:none!important}
 body.woocommerce-cart .had-cart-shell td.product-subtotal{grid-area:subtotal;color:#8190A1!important}.had-cart-shell td.product-subtotal:before{content:"الإجمالي: ";float:none!important;color:#8998A8;font-size:.53125rem;font-weight:700}.had-cart-shell td.product-subtotal .woocommerce-Price-amount{font-size:.6875rem!important}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table tr:not(.cart_item){display:block!important}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table td.actions{display:block!important;padding:11px!important;border:1px solid #E2EAF2!important;border-radius:14px!important;background:#FAFCFE!important}
 body.woocommerce-cart .had-cart-shell .actions .coupon{grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important}
 body.woocommerce-cart .had-cart-shell .actions .coupon>*{width:100%!important;max-width:100%!important;float:none!important}
 .had-cart-shell .actions .coupon .input-text{min-width:0!important;display:block!important}
 .had-cart-shell .actions .coupon .button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:45px!important;padding-inline:12px!important;white-space:normal!important;text-align:center!important}
 body.woocommerce-cart .had-cart-shell .actions>button[name="update_cart"]{width:100%!important}
 body.woocommerce-cart .had-cart-shell .cart_totals{padding:15px!important;border-radius:16px}.had-cart-shell .cart_totals h2{font-size:1rem!important}.had-cart-shell .checkout-button{min-height:49px!important}
 .had-cart-assurance{display:grid;grid-template-columns:1fr;gap:5px}.had-cart-assurance span{text-align:center;border-radius:12px}
}
@media(max-width:390px){
 .had-cart-steps{grid-template-columns:auto 18px auto 18px auto;justify-content:center}.had-cart-step b{display:none}.had-cart-steps>i{width:18px}
 body.woocommerce-cart .had-cart-shell .actions .coupon{grid-template-columns:1fr!important}.had-cart-shell .actions .coupon .button{width:100%!important}
 body.woocommerce-cart .had-cart-shell .woocommerce-cart-form table.shop_table tr.cart_item{grid-template-columns:68px minmax(0,1fr)}
 body.woocommerce-cart .had-cart-shell td.product-thumbnail a{width:68px;height:68px}
}

/* =========================================================
   v1.0.49 — Mobile-first compact homepage
   Desktop presentation stays unchanged except the compact
   freelance credential card requested for all breakpoints.
========================================================= */
.home-mobile-quick-nav,.home-mobile-learning,.home-mobile-teacher-cta{display:none}

/* Compact freelance credential — no descriptive copy. */
.home-certificate-section{padding:28px 0 22px}
.home-certificate-card--minimal{
  width:min(980px,100%);
  margin-inline:auto;
  min-height:132px;
  padding:20px 22px;
  display:grid;
  grid-template-columns:minmax(250px,.9fr) minmax(300px,1.15fr) auto;
  align-items:center;
  gap:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 12%,rgba(83,148,219,.30),transparent 28%),
    radial-gradient(circle at 8% 90%,rgba(212,154,74,.20),transparent 30%),
    linear-gradient(135deg,#071F43,#0A356C 56%,#0D4B88);
  box-shadow:0 18px 44px rgba(8,43,92,.15);
  color:#fff;
}
.home-certificate-card--minimal:before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,#000,transparent 78%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 78%)}
.home-certificate-minimal-head{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0}
.home-certificate-minimal-head>span:nth-child(2){min-width:0;display:grid;gap:1px}
.home-certificate-minimal-head small,.home-certificate-minimal-number small{color:#AFC5DC;font-size:.53125rem;font-weight:800}
.home-certificate-minimal-head strong{color:#fff;font-size:.875rem;line-height:1.5}
.home-certificate-card--minimal .home-certificate-seal{width:40px;height:40px;flex:0 0 40px;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.09)}
.home-certificate-card--minimal .home-certificate-status{white-space:nowrap}
.home-certificate-minimal-number{position:relative;z-index:1;min-width:0;padding-inline:20px;border-inline:1px solid rgba(255,255,255,.11);display:grid;gap:4px;text-align:center}
.home-certificate-minimal-number strong{color:#fff;font-family:Consolas,"SFMono-Regular",Menlo,monospace;font-size:clamp(1.5rem,2.3vw,2.125rem);font-weight:850;line-height:1.2;letter-spacing:1.3px;white-space:nowrap}
.home-certificate-card--minimal .home-certificate-copy-button{width:auto;min-width:128px;margin:0;min-height:44px;padding-inline:15px;background:rgba(255,255,255,.09)}

@media(max-width:700px){
  /* Re-order only the homepage mobile experience. */
  body.home .home-mobile-quick-nav,body.front-page .home-mobile-quick-nav{order:12!important}
  body.home .universities-section--showcase,body.front-page .universities-section--showcase{order:30!important}
  body.home .home-mobile-learning,body.front-page .home-mobile-learning{order:40!important}
  body.home .value-section,body.front-page .value-section{order:50!important}
  body.home .teachers-section,body.front-page .teachers-section{order:60!important}
  body.home .home-certificate-section,body.front-page .home-certificate-section{order:65!important}
  body.home .home-reviews-section,body.front-page .home-reviews-section{order:70!important}
  body.home .home-join-section,body.front-page .home-join-section{order:80!important}
  body.home .home-app-section,body.front-page .home-app-section{order:90!important}

  /* Hero: retain the message, cut vertical dead space and decoration. */
  .home-hero--v2 .wrap{
    width:calc(100% - 22px);
    padding:24px 0 22px;
    gap:10px;
    grid-template-areas:"copy" "showcase" "actions" "trust";
  }
  .home-hero--v2 .eyebrow{margin-bottom:8px;padding:5px 9px;font-size:.59375rem}
  .home-hero--v2 h1{max-width:360px;font-size:2rem;line-height:1.22;letter-spacing:-.8px}
  .home-hero--v2 .hero-promise{max-width:360px;margin-top:4px;font-size:1.1875rem;line-height:1.45}
  .home-hero--v2 .hero-verification-card{
    width:min(370px,100%);
    min-height:68px;
    margin-top:10px;
    padding:8px 9px;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"seal copy" "action action";
    gap:7px 8px;
    border-radius:14px;
    text-align:right;
    box-shadow:0 8px 20px rgba(21,53,89,.06);
  }
  .home-hero--v2 .hero-verification-card__seal{grid-area:seal;width:52px;height:38px;flex-basis:52px;border-radius:10px}
  .home-hero--v2 .hero-verification-card__copy{grid-area:copy}
  .home-hero--v2 .hero-verification-card__seal:after{inset:-3px;border-radius:13px}
  .home-hero--v2 .hero-verification-card__seal img{padding:3px 4px}
  .home-hero--v2 .hero-verification-card__title{gap:5px;font-size:.525rem;line-height:1.65}
  .home-hero--v2 .hero-verification-card__title i{width:5px;height:5px;flex-basis:5px}
  .home-hero--v2 .hero-verification-card__number{font-size:.75rem;letter-spacing:.35px}
  .home-hero--v2 .hero-verification-card__action{grid-area:action;justify-self:stretch;justify-content:center;min-height:30px;padding:5px 7px;border-radius:9px;font-size:.46875rem}
  .home-hero--v2 .hero-verification-card__action svg{width:11px;height:11px}
  #home-freelance-certificate{scroll-margin-top:calc(var(--had-mobile-sticky-height,96px) + 14px)}
  .home-hero--v2 .hero-showcase{width:100%;min-height:205px!important;padding:0!important;margin:0!important}
  .home-hero--v2 .hero-showcase-glow{width:70%;left:15%;top:7%}
  .home-hero--v2 .hero-showcase-dots{width:90px;height:65px;left:17%;top:12%;background-size:10px 10px}
  .home-hero--v2 .hero-showcase-ring{display:none}
  .home-hero--v2 .hero-main-art{width:min(76%,285px)!important;margin-top:10px!important}
  .home-hero--v2 .hero-main-art img{max-height:190px!important}
  .home-hero--v2 .hero-float-card{display:none!important}
  .home-hero--v2 .hero-actions--v2{display:grid;grid-template-columns:1.18fr .82fr;width:100%;gap:8px;margin-top:0;position:relative;z-index:6}
  .home-hero--v2 .hero-actions--v2 .btn{width:100%;min-height:46px;padding:9px 8px;font-size:.675rem;border-radius:12px;white-space:nowrap}
  .home-hero--v2 .hero-actions--v2 .btn svg{width:15px;height:15px}
  .home-hero--v2 .hero-trust{width:100%;margin:1px auto 0;padding-top:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-top-color:#E4EBF2}
  .home-hero--v2 .hero-trust-item{min-height:54px;padding:6px 3px;display:flex;justify-content:center;align-items:center;gap:5px;border:0;border-radius:11px;background:#fff;box-shadow:0 5px 14px rgba(20,44,75,.045)}
  .home-hero--v2 .hero-trust-icon{width:26px;height:26px;flex-basis:26px;border-radius:8px}
  .home-hero--v2 .hero-trust-icon svg{width:13px;height:13px}
  .home-hero--v2 .hero-trust-item>span:last-child{display:block;text-align:right}
  .home-hero--v2 .hero-trust-item b{display:block;font-size:.48125rem;line-height:1.4}
  .home-hero--v2 .hero-trust-item small{display:none}

  /* Quick actions: one compact app-style row. */
  .home-mobile-quick-nav{
    width:calc(100% - 22px);
    margin:12px auto 0;
    padding:7px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    border:1px solid #E4EBF2;
    border-radius:18px;
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 30px rgba(20,44,75,.06);
  }
  .home-mobile-quick-nav a{min-width:0;min-height:66px;padding:7px 2px;display:grid;place-items:center;align-content:center;gap:5px;border-radius:13px;color:#3E556D;font-size:.53125rem;font-weight:900;text-align:center;transition:background .18s,color .18s,transform .18s}
  .home-mobile-quick-nav a:active{transform:scale(.97);background:#F1F6FB;color:#0F4F91}
  .home-mobile-quick-nav a.is-active{background:#F1F6FB;color:#0F4F91}
  .home-mobile-quick-nav a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#EFF5FB;color:#155592}
  .home-mobile-quick-nav a:nth-child(3)>span{background:#FFF5E6;color:#A96A12}
  .home-mobile-quick-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .home-mobile-quick-nav b{font-size:.53125rem;line-height:1.35}

  /* All universities remain visible: exactly 4 per row, logo-first. */
  #home-universities,#home-learning-mobile,#home-teachers{scroll-margin-top:calc(var(--had-mobile-sticky-height,96px) + 12px)}
  .universities-section--showcase{padding:28px 0 30px}
  .universities-section__head{margin-bottom:13px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:8px}
  .universities-section__head>div:first-child{min-width:0}
  .universities-section__head .section-kicker{margin-bottom:4px;font-size:.5625rem}
  .universities-section__head h2{font-size:1.1875rem;line-height:1.4}
  .universities-section__head p{display:none}
  .universities-section__meta{flex:0 0 auto;padding:6px 8px!important;border-radius:10px!important}
  .universities-section__meta span{font-size:.875rem!important}.universities-section__meta small{font-size:.45625rem!important}
  .universities-section--showcase .university-strip--all{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:103px!important;
    align-items:start!important;
    gap:12px 6px!important;
  }
  .universities-section--showcase .uni-card{
    width:100%!important;
    min-width:0!important;
    height:103px!important;
    min-height:103px!important;
    padding:0!important;
    position:relative!important;
    display:block!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .universities-section--showcase .uni-card:before,.universities-section--showcase .uni-featured-badge,.universities-section--showcase .uni-card__arrow{display:none!important}
  .universities-section--showcase .uni-card__logo{
    width:54px!important;height:54px!important;flex-basis:54px!important;
    position:absolute!important;top:0!important;right:50%!important;
    margin:0!important;transform:translateX(50%)!important;
    border-radius:50%!important;background:#fff!important;
    box-shadow:0 6px 16px rgba(20,44,75,.07),inset 0 0 0 1px #E2EAF2!important
  }
  .universities-section--showcase .uni-card__logo-ring{inset:-3px!important;border-radius:50%!important;border-color:#E7EDF3!important}
  .universities-section--showcase .uni-card img{width:45px!important;height:45px!important;padding:4px!important;border-radius:50%!important;object-fit:contain!important}
  .universities-section--showcase .uni-card__content{
    width:100%!important;height:40px!important;min-width:0!important;
    position:absolute!important;top:61px!important;right:0!important;left:0!important;
    display:flex!important;align-items:flex-start!important;justify-content:center!important;
    padding:0 1px!important;text-align:center!important;overflow:hidden!important
  }
  .universities-section--showcase .uni-card__content strong{
    width:100%!important;max-height:36px!important;margin:0!important;
    display:-webkit-box!important;overflow:hidden!important;
    -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    color:#31475E!important;font-size:.48125rem!important;font-weight:900!important;
    line-height:1.5!important;text-align:center!important
  }
  .universities-section--showcase .uni-card__content small{display:none!important}
  .universities-section--showcase .uni-card:active .uni-card__logo{filter:brightness(.97)}

  /* Original desktop learning grids disappear only on phones. */
  .home-desktop-courses,.home-desktop-camps{display:none!important}

  /* One compact learning section with three tabs and horizontal cards. */
  .home-mobile-learning{display:block;padding:30px 0 31px;background:#fff}
  .home-mobile-section-head{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
  .home-mobile-section-head>div{min-width:0}.home-mobile-section-head .section-kicker{margin-bottom:4px;font-size:.5625rem}.home-mobile-section-head h2{margin:0;color:#1C334D;font-size:1.1875rem;line-height:1.4}
  .home-mobile-section-head>a{flex:0 0 auto;padding:6px 9px;border:1px solid #E1E9F1;border-radius:999px;background:#fff;color:#174E8C;font-size:.53125rem;font-weight:900}
  .home-learning-tabs{margin-bottom:12px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid #E3EAF2;border-radius:13px;background:#F4F7FA}
  .home-learning-tabs button{min-width:0;min-height:40px;padding:6px 3px;border:0;border-radius:9px;background:transparent;color:#78889A;font-size:.5625rem;font-weight:900;line-height:1.35;white-space:normal;box-shadow:none;cursor:pointer}
  .home-learning-tabs button.is-active{background:#fff;color:#104C88;box-shadow:0 5px 14px rgba(20,44,75,.07)}
  .home-learning-panel[hidden]{display:none!important}
  .home-mobile-course-track{margin-inline:-11px;padding:2px 11px 10px;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .home-mobile-course-track::-webkit-scrollbar{display:none}
  .home-mobile-course-track>.course-card{
    flex:0 0 min(64vw,224px);width:min(64vw,224px);height:auto!important;min-height:0!important;
    display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
    scroll-snap-align:start;overflow:hidden!important;border-radius:17px;
    box-shadow:0 8px 24px rgba(20,44,75,.065);transform:none!important
  }
  .home-mobile-course-track .card-media{
    width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9;
    flex:0 0 auto!important;display:block!important
  }
  .home-mobile-course-track .card-media img{
    width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important
  }
  .home-mobile-course-track .card-body{
    width:100%!important;min-width:0!important;min-height:142px!important;padding:10px!important;
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;overflow:visible!important
  }
  .home-mobile-course-track .course-card-topline{min-height:22px;flex:0 0 auto}
  .home-mobile-course-track .course-card-topline .rating{font-size:.5625rem}.home-mobile-course-track .course-content-type{padding:3px 6px;font-size:.46875rem}
  .home-mobile-course-track .card-body h3{margin:4px 0 5px;display:-webkit-box;min-height:37px;max-height:none;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.725rem;line-height:1.6}
  .home-mobile-course-track .card-body>p{margin:1px 0;font-size:.5625rem;line-height:1.55}.home-mobile-course-track .card-body>p.meta{display:none}
  .home-mobile-course-track .card-footer{
    width:100%!important;margin-top:auto!important;padding-top:9px!important;display:flex!important;
    align-items:center!important;justify-content:space-between!important;gap:6px!important;flex:0 0 auto!important;
    border-top:1px solid #EDF1F5!important;overflow:visible!important
  }
  .home-mobile-course-track .card-footer strong{min-width:0;font-size:.6875rem;line-height:1.45}.home-mobile-course-track .card-footer .btn{width:auto!important;min-height:34px;padding:5px 9px;font-size:.53125rem;border-radius:9px;white-space:nowrap}
  .home-mobile-course-track .status{top:8px;right:8px;padding:4px 7px;font-size:.46875rem}.home-mobile-course-track .course-featured-badge{top:8px;left:8px;padding:4px 7px;font-size:.46875rem}
  .home-mobile-course-track>.empty{flex:0 0 100%;padding:24px 14px}

  /* Why Had: a short swipeable icon strip instead of six tall cards. */
  .value-section{padding:27px 0 28px!important;background:linear-gradient(180deg,#F8FAFD,#fff)!important}
  .value-section .section-head{margin-bottom:11px!important}.value-section .section-head h2{max-width:none!important;font-size:1.1875rem!important}
  .value-section .feature-grid{margin-inline:-11px;padding:1px 11px 8px;display:flex!important;gap:8px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .value-section .feature-grid::-webkit-scrollbar{display:none}
  .value-section .feature{flex:0 0 112px;min-height:88px!important;padding:11px 8px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-areas:none!important;justify-items:center;align-content:center;gap:6px!important;scroll-snap-align:start;border-radius:15px!important;text-align:center!important}
  .value-section .feature::after{display:none!important}
  .value-section .feature .icon{grid-area:auto!important;width:38px!important;height:38px!important;margin:0!important;border-radius:12px!important;font-size:1.0625rem!important}
  .value-section .feature h3{grid-area:auto!important;align-self:auto!important;margin:0!important;padding:0!important;font-size:.59375rem!important;line-height:1.45!important}
  .value-section .feature p{display:none!important}

  /* Teachers: one slim horizontal row. */
  .teachers-section{padding:29px 0 30px}
  .teachers-section .section-head{margin-bottom:12px;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:8px}
  .teachers-section .section-head h2{font-size:1.1875rem}.teachers-section .section-head .text-link{font-size:.53125rem;white-space:nowrap}
  .teachers-section .teacher-grid{margin-inline:-11px;padding:1px 11px 8px;display:flex!important;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .teachers-section .teacher-grid::-webkit-scrollbar{display:none}
  .teachers-section .teacher-card{flex:0 0 126px;width:126px;min-height:154px;padding:12px 8px;scroll-snap-align:start;border-radius:17px;box-shadow:0 7px 20px rgba(20,44,75,.055);transform:none!important}
  .teachers-section .teacher-card img{width:66px;height:66px;margin:0 auto 7px;border-width:3px}
  .teachers-section .teacher-card h3{margin:3px 0;font-size:.65625rem;line-height:1.45}
  .teachers-section .teacher-card__specialty{margin:1px 0;display:-webkit-box;min-height:24px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.5rem!important;line-height:1.45!important}
  .teachers-section .teacher-card__courses{display:none!important}
  .teachers-section .teacher-card .rating{margin:3px 0 0;font-size:.53125rem!important}

  /* Certificate: only title/status/number/copy, compact on phone. */
  .home-certificate-section{padding:11px 0 14px!important}
  .home-certificate-card--minimal{min-height:0;padding:15px;grid-template-columns:1fr;grid-template-areas:"head" "number" "copy";gap:10px;border-radius:19px}
  .home-certificate-minimal-head{grid-area:head;grid-template-columns:auto 1fr auto;gap:8px}
  .home-certificate-card--minimal .home-certificate-seal{width:34px;height:34px;flex-basis:34px;border-radius:10px}.home-certificate-card--minimal .home-certificate-seal svg{width:18px;height:18px}
  .home-certificate-minimal-head small{font-size:.4375rem}.home-certificate-minimal-head strong{font-size:.71875rem}
  .home-certificate-card--minimal .home-certificate-status{position:static;padding:4px 7px;font-size:.4375rem}
  .home-certificate-minimal-number{grid-area:number;padding:10px 0 9px;border-inline:0;border-block:1px solid rgba(255,255,255,.10);text-align:center}
  .home-certificate-minimal-number small{font-size:.4375rem}.home-certificate-minimal-number strong{font-size:clamp(1.375rem,7vw,1.8125rem);letter-spacing:.6px}
  .home-certificate-card--minimal .home-certificate-copy-button{grid-area:copy;width:100%;min-width:0;min-height:40px;margin:0;border-radius:10px;font-size:.59375rem}

  /* Reviews already slide one-at-a-time; make the block shorter. */
  .home-reviews-section{padding-top:28px!important;padding-bottom:30px!important}
  .home-reviews-section .section-head{margin-bottom:11px}.home-reviews-section .section-head h2{font-size:1.1875rem!important}
  .home-review-card.story{min-height:205px!important;padding:15px 14px 12px!important;border-radius:18px!important}
  .home-review-card.story>p{margin:10px 0 9px;padding:10px 11px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:.6875rem;line-height:1.75}
  .home-reviews-controls{margin-top:9px}.home-reviews-hint{display:none}

  /* Teacher CTA only: remove the second tall student card from mobile homepage. */
  .home-join-section{padding:18px 0 24px!important}
  .home-join-section .join-split{display:none!important}
  .home-mobile-teacher-cta{padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon copy" "button button";align-items:center;gap:10px;border:1px solid #DDE8F3;border-radius:18px;background:radial-gradient(circle at 8% 0,rgba(8,43,92,.08),transparent 36%),linear-gradient(145deg,#F8FBFE,#EEF4FA);box-shadow:0 8px 24px rgba(20,44,75,.055)}
  .home-mobile-teacher-cta__icon{grid-area:icon;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#C48729;box-shadow:0 5px 15px rgba(20,44,75,.06);font-size:1.125rem}
  .home-mobile-teacher-cta>div{grid-area:copy;min-width:0}.home-mobile-teacher-cta small{color:#7E8FA1;font-size:.46875rem;font-weight:900}.home-mobile-teacher-cta h2{margin:1px 0 0;color:#1E3A57;font-size:.875rem;line-height:1.5}
  .home-mobile-teacher-cta .btn{grid-area:button;width:100%;min-height:41px;padding:8px 12px;border-radius:11px;font-size:.59375rem}

  /* App: hide an unpublished placeholder; otherwise compress it into a banner. */
  .home-app-section--no-links{display:none!important}
  .home-app-section{padding:22px 0 26px!important}
  .home-app-section .app-section{padding:16px!important;grid-template-columns:minmax(0,1fr) 86px!important;gap:10px!important;border-radius:18px!important}
  .home-app-section .app-section h2{margin:4px 0;font-size:1.0625rem!important;line-height:1.45}.home-app-section .app-section p{margin:4px 0 8px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.59375rem;line-height:1.65}.home-app-section .app-section img{width:86px;max-height:112px!important}
  .home-app-section .hero-actions{margin-top:7px;justify-content:flex-start;gap:6px}.home-app-section .hero-actions .btn{min-height:36px;padding:6px 9px;font-size:.5rem;border-radius:9px}
}

@media(max-width:390px){
  .home-hero--v2 h1{font-size:1.8125rem}.home-hero--v2 .hero-promise{font-size:1.09375rem}.home-hero--v2 .hero-showcase{min-height:185px!important}.home-hero--v2 .hero-main-art img{max-height:172px!important}
  .home-hero--v2 .hero-actions--v2{grid-template-columns:1fr 1fr}.home-hero--v2 .hero-actions--v2 .btn{font-size:.625rem}
  .home-mobile-quick-nav{width:calc(100% - 18px);padding:5px;gap:3px}.home-mobile-quick-nav a{min-height:62px}.home-mobile-quick-nav a>span{width:29px;height:29px}.home-mobile-quick-nav b{font-size:.4875rem}
  .universities-section--showcase .university-strip--all{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:98px!important;gap:12px 5px!important}.universities-section--showcase .uni-card{height:98px!important;min-height:98px!important}.universities-section--showcase .uni-card__logo{width:50px!important;height:50px!important;flex-basis:50px!important}.universities-section--showcase .uni-card img{width:41px!important;height:41px!important}.universities-section--showcase .uni-card__content{top:57px!important;height:37px!important}.universities-section--showcase .uni-card__content strong{max-height:32px!important;font-size:.44375rem!important;line-height:1.48!important}
  .home-mobile-course-track>.course-card{flex-basis:min(68vw,220px);width:min(68vw,220px)}.home-mobile-course-track .card-body{min-height:145px!important}.home-learning-tabs button{font-size:.5125rem}
  .value-section .feature{flex-basis:105px}
  .teachers-section .teacher-card{flex-basis:119px;width:119px}
  .home-certificate-minimal-number strong{font-size:1.3125rem}
}

@media(max-width:700px) and (prefers-reduced-motion:reduce){
  .home-mobile-quick-nav a,.universities-section--showcase .uni-card__logo{transition:none!important}
  .home-mobile-course-track,.value-section .feature-grid,.teachers-section .teacher-grid{scroll-behavior:auto!important}
}


/* App-like site splash v1.0.57 */
.had-splash{display:none}
html.had-splash-active,html.had-splash-active body{overflow:hidden!important}
html.had-splash-active .had-splash{
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 20% 16%,rgba(85,156,226,.22),transparent 28%),
    radial-gradient(circle at 82% 84%,rgba(212,154,74,.20),transparent 30%),
    linear-gradient(145deg,#031C3B 0%,#082B5C 48%,#0C427A 100%);
  opacity:1;visibility:visible;transition:opacity .6s ease,visibility .6s ease;
}
.had-splash.is-leaving{opacity:0!important;visibility:hidden!important;pointer-events:none}
.had-splash__ambient{position:absolute;inset:0;pointer-events:none}
.had-splash__ambient span{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:hadSplashOrbit 8s linear infinite}
.had-splash__ambient span:nth-child(1){width:360px;height:360px;right:-170px;top:-150px}
.had-splash__ambient span:nth-child(2){width:520px;height:520px;left:-310px;bottom:-320px;border-color:rgba(212,154,74,.12);animation-duration:11s;animation-direction:reverse}
.had-splash__ambient span:nth-child(3){width:190px;height:190px;left:13%;top:18%;border-color:rgba(114,176,234,.10);animation-duration:7s}
.had-splash__content{position:relative;z-index:1;width:min(360px,calc(100% - 48px));display:grid;justify-items:center;text-align:center;animation:hadSplashEnter .72s cubic-bezier(.2,.75,.25,1) both}
.had-splash__mark{width:132px;height:132px;position:relative;display:grid;place-items:center;margin-bottom:23px;border-radius:35px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(0,10,30,.30),inset 0 0 0 1px rgba(255,255,255,.75)}
.had-splash__mark:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(255,255,255,.16);border-radius:42px}
.had-splash__mark-ring{position:absolute;inset:-22px;border:1px solid rgba(212,154,74,.28);border-radius:48px;animation:hadSplashPulse 1.8s ease-in-out infinite}
.had-splash__mark img{width:104px;max-height:78px;object-fit:contain;position:relative;z-index:2}
.had-splash__copy{display:grid;justify-items:center;gap:5px;color:#fff}
.had-splash__copy strong{font-size:1.75rem;font-weight:950;line-height:1.3;letter-spacing:.2px}
.had-splash__copy span{color:#DCE9F6;font-size:.8125rem;font-weight:800;letter-spacing:.1px}
.had-splash__loader{width:136px;height:4px;margin-top:28px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 2px rgba(0,0,0,.10)}
.had-splash__loader i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#D49A4A,#F0C77E);box-shadow:0 0 14px rgba(230,177,90,.45);animation:hadSplashLoad 1.45s cubic-bezier(.4,0,.2,1) infinite}
@keyframes hadSplashEnter{from{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hadSplashPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.035)}}
@keyframes hadSplashOrbit{to{transform:rotate(360deg)}}
@keyframes hadSplashLoad{0%{transform:translateX(170%)}100%{transform:translateX(-270%)}}
@media(max-width:700px){
  .had-splash__content{width:min(300px,calc(100% - 44px))}
  .had-splash__mark{width:112px;height:112px;margin-bottom:20px;border-radius:30px}
  .had-splash__mark:after{inset:-10px;border-radius:36px}.had-splash__mark-ring{inset:-18px;border-radius:42px}
  .had-splash__mark img{width:88px;max-height:67px}
  .had-splash__copy strong{font-size:1.5rem}.had-splash__copy span{font-size:.75rem}
  .had-splash__loader{width:122px;margin-top:24px}
  .had-splash__ambient span:nth-child(1){width:260px;height:260px;right:-130px;top:-100px}
  .had-splash__ambient span:nth-child(2){width:390px;height:390px;left:-240px;bottom:-230px}
}
@media(max-width:390px){
  .had-splash__mark{width:104px;height:104px}.had-splash__mark img{width:82px}
  .had-splash__copy strong{font-size:1.375rem}.had-splash__copy span{font-size:.6875rem}
}
@media(prefers-reduced-motion:reduce){
  html.had-splash-active .had-splash{transition:opacity .18s ease,visibility .18s ease}
  .had-splash__content,.had-splash__ambient span,.had-splash__mark-ring,.had-splash__loader i{animation:none!important}
  .had-splash__loader i{width:100%}
}
html.had-splash-seen .had-splash{display:none!important}


/* University structure + colleges v1.0.63 */
.university-hero--structured .university-hero__meta{margin:14px 0 4px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.university-hero__meta span{padding:7px 11px;border:1px solid #DFE7EF;border-radius:999px;background:rgba(255,255,255,.75);color:#687C91;font-size:.5625rem}.university-hero__meta b{color:#153E6B;font-size:.75rem}.university-structure-section{padding:38px 0}.university-specialties-section{background:linear-gradient(180deg,#F8FBFE,#fff)}.entity-specialty-chips{display:flex;flex-wrap:wrap;gap:8px}.entity-specialty-chips a{min-height:38px;padding:8px 13px;display:inline-flex;align-items:center;border:1px solid #DCE6EF;border-radius:12px;background:#fff;color:#24537F;font-size:.625rem;font-weight:850;box-shadow:0 5px 16px rgba(20,44,75,.035)}.entity-specialty-chips a:hover{border-color:#BFD3E5;background:#F5F9FD;color:#0E4B88}.entity-count-badge{padding:7px 10px;border:1px solid #E0E8F0;border-radius:999px;background:#fff;color:#526D87;font-size:.5625rem;font-weight:900}.college-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.college-card{min-width:0;padding:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #E0E8F0;border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(20,44,75,.05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.college-card:hover{transform:translateY(-2px);border-color:#C9D9E8;box-shadow:0 14px 32px rgba(20,44,75,.08)}.college-card__logo{width:58px;height:58px;display:grid;place-items:center;border:1px solid #E1E9F1;border-radius:16px;background:#F8FAFC;overflow:hidden}.college-card__logo img{width:48px;height:48px;padding:4px;object-fit:contain}.college-card__body{min-width:0;display:grid;gap:2px}.college-card__body>strong{color:#183A5F;font-size:.75rem;line-height:1.55}.college-card__body>small{color:#8896A5;font-size:.53125rem}.college-card__specialties{margin-top:5px;display:flex;gap:4px;flex-wrap:wrap}.college-card__specialties i{padding:3px 6px;border-radius:999px;background:#F1F5F9;color:#60758A;font-size:.4375rem;font-style:normal;font-weight:800}.college-card__arrow{width:28px;height:28px;display:grid;place-items:center;border:1px solid #E1E8EF;border-radius:9px;color:#1A548E}.college-toolbar select{min-width:210px}.college-hero a{color:var(--had-primary);font-weight:900}
@media(max-width:900px){.college-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.university-structure-section{padding:27px 0}.entity-specialty-chips{gap:6px}.entity-specialty-chips a{min-height:34px;padding:7px 10px;border-radius:10px;font-size:.53125rem}.college-grid{grid-template-columns:1fr;gap:8px}.college-card{padding:11px;border-radius:15px;gap:9px}.college-card__logo{width:50px;height:50px;border-radius:13px}.college-card__logo img{width:42px;height:42px}.college-card__body>strong{font-size:.65625rem}.college-card__specialties i{font-size:.425rem}.college-toolbar{display:grid!important;grid-template-columns:1fr!important}.college-toolbar select{width:100%;min-width:0}}

/* Hero slider v1.0.67 — existing Hero remains slide #1. */
.home-hero--slider{position:relative}
.home-hero--slider .had-hero-slider__viewport{position:relative;z-index:1;display:grid;min-width:0}
.home-hero--slider .had-hero-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .48s ease,visibility .48s ease;z-index:0}
.home-hero--slider .had-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.home-hero--slider .had-hero-slide--image{min-height:610px;position:relative;align-self:stretch;overflow:hidden;background:#eef3f8}
.home-hero--slider .had-hero-slide__media{position:absolute;inset:0;overflow:hidden;background:#eef3f8}
.home-hero--slider .had-hero-slide__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.home-hero--slider .had-hero-slider__arrow{width:42px;height:42px;padding:0;display:grid;place-items:center;position:absolute;top:50%;z-index:8;transform:translateY(-50%);border:1px solid rgba(215,226,237,.92);border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(8,43,92,.12);color:#123f72;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.home-hero--slider .had-hero-slider__arrow:hover{background:#fff;box-shadow:0 13px 30px rgba(8,43,92,.18)}
.home-hero--slider .had-hero-slider__arrow:focus-visible{outline:3px solid rgba(39,100,175,.22);outline-offset:2px}
.home-hero--slider .had-hero-slider__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-hero--slider .had-hero-slider__arrow--prev{right:16px}
.home-hero--slider .had-hero-slider__arrow--next{left:16px}
.home-hero--slider .had-hero-slider__dots{position:absolute;right:50%;bottom:9px;z-index:9;transform:translateX(50%);display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 7px;border:1px solid rgba(216,226,236,.74);border-radius:999px;background:rgba(255,255,255,.76);box-shadow:0 6px 18px rgba(8,43,92,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.home-hero--slider .had-hero-slider__dots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;background:#aab8c7;cursor:pointer;transition:width .2s ease,background .2s ease}
.home-hero--slider .had-hero-slider__dots button.is-active{width:22px;background:#174f8c}
.home-hero--slider .had-hero-slider__dots button:focus-visible{outline:2px solid #174f8c;outline-offset:2px}
@media(max-width:1050px){.home-hero--slider .had-hero-slide--image{min-height:0}}
@media(max-width:700px){
  .home-hero--slider .had-hero-slider__arrow{width:34px;height:34px;top:48%;background:rgba(255,255,255,.82)}
  .home-hero--slider .had-hero-slider__arrow--prev{right:6px}.home-hero--slider .had-hero-slider__arrow--next{left:6px}
  .home-hero--slider .had-hero-slider__arrow svg{width:15px;height:15px}
  .home-hero--slider .had-hero-slider__dots{bottom:6px;gap:5px;padding:4px 6px}
  .home-hero--slider .had-hero-slider__dots button{width:6px;height:6px;min-width:6px}.home-hero--slider .had-hero-slider__dots button.is-active{width:18px}
}
@media(prefers-reduced-motion:reduce){.home-hero--slider .had-hero-slide,.home-hero--slider .had-hero-slider__arrow,.home-hero--slider .had-hero-slider__dots button{transition:none!important}}

/* Hero responsive paired images v1.0.68 */
.home-hero--slider .had-hero-slide__media picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.home-hero--slider .had-hero-slide__media picture img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}

/* Account mobile refinements are intentionally last so legacy responsive rules cannot override them. */
@media(max-width:700px){
  /* Premium mobile account experience v1.0.69 */
  .account-section{padding-top:14px!important;background:linear-gradient(180deg,#F1F6FB 0,#F8FAFD 38%,#fff 100%)}
  .account-section>.container{width:calc(100% - 18px)}
  .account-hero{margin-bottom:10px;padding:18px 15px 16px!important;grid-template-columns:54px minmax(0,1fr)!important;gap:11px!important;border:0;border-radius:22px!important;background:radial-gradient(circle at 5% 0,rgba(212,154,74,.20),transparent 28%),linear-gradient(145deg,#082B5C,#103F75 72%,#15528D)!important;box-shadow:0 16px 34px rgba(8,43,92,.18)!important;color:#fff;text-align:right!important}
  .account-hero::before{content:"";position:absolute;left:-26px;bottom:-46px;width:145px;height:145px;border:1px solid rgba(255,255,255,.11);border-radius:50%}
  .account-hero::after{left:-58px;top:-78px;width:178px;height:178px;border-width:24px;border-color:rgba(212,154,74,.09)}
  .account-avatar{width:54px!important;height:54px!important;margin:0!important;border:1px solid rgba(255,255,255,.20);border-radius:17px!important;background:linear-gradient(145deg,#fff,#E8EFF7)!important;color:#082B5C!important;font-size:1.375rem!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}
  .account-hero-copy{min-width:0;position:relative;z-index:2}
  .account-hero-copy .eyebrow{margin:0 0 3px;padding:3px 7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#E9F2FC;font-size:.5rem}
  .account-hero-copy h1{margin:0!important;color:#fff!important;font-size:1.125rem!important;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .account-hero-copy p{margin-top:2px!important;color:#C8D9EC!important;font-size:.59375rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .account-status{grid-column:1/-1!important;width:max-content!important;margin:2px 0 0 auto!important;padding:5px 9px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:.53125rem!important;backdrop-filter:blur(5px)}
  .account-status.verified::before{content:"●";margin-left:4px;color:#6EE0AD;font-size:.5rem}
  .account-teacher-link{grid-column:1/-1;width:100%!important;margin:3px 0 0!important;border-color:rgba(255,255,255,.20)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}

  .account-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important}
  .account-stats>div{min-height:74px!important;padding:9px 7px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:column!important;gap:5px!important;border:1px solid #DFE8F1!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 20px rgba(16,45,78,.055)!important;text-align:center}
  .account-stat-icon{width:29px;height:29px;flex-basis:29px;display:grid;border-radius:10px;background:#EEF4FA}
  .account-stat-icon svg{width:15px;height:15px}
  .account-stat-copy{display:grid;gap:0;justify-items:center}
  .account-stats strong{font-size:.875rem!important;line-height:1.2}
  .account-stats span{font-size:.53125rem!important;line-height:1.25}
  .account-stat-status .account-stat-icon{background:#EAF8F2;color:#177153;border-color:#D2ECE0}

  .account-mobile-shortcuts{margin:0 0 18px;padding:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border:1px solid #DDE7F0;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(14,42,76,.055)}
  .account-mobile-shortcuts a{min-width:0;padding:8px 4px 7px;display:grid;justify-items:center;gap:2px;border-radius:13px;color:#5F7187;text-align:center;transition:background .18s ease,transform .18s ease}
  .account-mobile-shortcuts a:active{transform:scale(.97);background:#F2F6FA}
  .account-mobile-shortcuts a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#EEF4FA;color:#0E477E}
  .account-mobile-shortcuts svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .account-mobile-shortcuts b{font-size:.59375rem;color:#203F60}
  .account-mobile-shortcuts small{max-width:100%;font-size:.4375rem;color:#8896A7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .account-courses,.account-orders{margin-top:22px!important;scroll-margin-top:112px}
  .account-courses .section-head,.account-orders .section-head{margin-bottom:10px;align-items:center}
  .account-courses .section-head h2,.account-orders .section-head h2{margin-top:2px;font-size:1.125rem;line-height:1.4}
  .account-courses .section-head p,.account-orders .section-head p{display:none}
  .account-courses .section-kicker,.account-orders .section-kicker{font-size:.5rem}
  .account-courses .section-head .text-link,.account-orders .section-head .text-link{min-height:31px;padding:6px 8px;display:inline-flex;align-items:center;border:1px solid #DDE7F0;border-radius:10px;background:#fff;font-size:.5rem;white-space:nowrap}

  .account-course-list{gap:9px!important}
  .account-course-item{position:relative;overflow:hidden;grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;padding:9px!important;border:1px solid #DDE7F0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 9px 23px rgba(17,43,74,.055)!important}
  .account-course-item::after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#0F4D88,#D49A4A)}
  .account-course-image{width:82px;height:70px!important;border-radius:13px!important}
  .account-course-info{min-width:0;padding-left:2px}
  .account-course-info h3{margin:1px 0 7px!important;font-size:.71875rem!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .account-course-info .progress-track{height:5px}
  .account-course-info small{margin-top:4px!important;font-size:.5rem!important;line-height:1.45!important}
  .account-course-item>.btn{grid-column:1/-1!important;width:100%!important;min-height:34px!important;margin-top:0;padding:5px 9px!important;border-radius:10px!important;font-size:.5625rem!important}

  .had-orders-list{gap:9px!important}
  .had-order-card{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important;padding:12px!important;border:1px solid #DFE7EF!important;border-radius:17px!important;background:#fff!important;box-shadow:0 9px 24px rgba(15,40,72,.055)!important}
  .had-order-card::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#CAD7E4}
  .had-order-card.status-processing::before,.had-order-card.status-completed::before{background:#35A576}
  .had-order-card.status-on-hold::before,.had-order-card.status-pending::before{background:#D49A4A}
  .had-order-card.status-cancelled::before,.had-order-card.status-refunded::before,.had-order-card.status-failed::before{background:#C95E6B}
  .had-order-card>div{gap:3px}
  .had-order-card__primary{grid-column:1/2!important}
  .had-order-card__primary span{font-size:.53125rem!important}
  .had-order-card__primary strong{font-size:.8125rem!important;color:#193A5D!important}
  .had-order-card__status{grid-column:2/3!important;grid-row:1!important;justify-items:end}
  .had-order-card__status>span{display:none}
  .order-status{padding:4px 7px!important;font-size:.5rem!important}
  .had-order-card__date{grid-column:1/-1!important;display:flex!important;align-items:center;justify-content:space-between;padding-top:7px;border-top:1px dashed #E5EBF1}
  .had-order-card__date span,.had-order-card__date b{font-size:.5rem!important}
  .had-order-card__actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding-top:2px}
  .had-order-card__actions .btn,.had-order-card__actions .had-order-cancel-form,.had-order-card__actions .had-order-hide-form{width:100%!important;min-width:0!important}
  .had-order-card__actions .btn,.had-order-card__actions button{min-height:34px!important;padding:5px 7px!important;border-radius:10px!important;font-size:.53125rem!important}
  .had-order-card__actions .had-order-hide-form:last-child:nth-child(odd){grid-column:1/-1}
  .account-order-note{margin-top:9px!important;padding:9px 10px!important;border:1px solid #E6ECF2;border-radius:11px!important;background:#FAFCFE!important;font-size:.53125rem!important;line-height:1.65}

  .account-settings-grid{margin-top:24px!important;gap:10px!important}
  .account-card{padding:15px 12px!important;border:1px solid #DFE7EF!important;border-radius:18px!important;box-shadow:0 9px 24px rgba(15,40,72,.05)!important}
  .account-card-head h2,.account-summary-card h2{font-size:1.0625rem!important;margin-bottom:13px!important}
  .account-profile-card{scroll-margin-top:112px}
  .account-profile-card .form-grid{gap:10px!important}
  .account-profile-card .field label{font-size:.59375rem!important}
  .account-profile-card .field input,.account-profile-card .field select,.account-profile-card .field textarea{min-height:46px!important;border-radius:12px!important;font-size:1rem!important}
  .account-profile-card .field-note{font-size:.5rem!important;line-height:1.6}
  .account-profile-card .btn[type="submit"]{width:100%;min-height:43px}
  .account-summary-card{background:linear-gradient(180deg,#fff,#F8FAFD)!important}
  .account-facts{margin-bottom:12px!important;border-radius:13px!important}
  .account-facts div{padding:10px 9px!important}
  .account-facts dt,.account-facts dd{font-size:.59375rem!important}
  .account-logout{margin-top:12px!important;padding:8px;border:1px solid #F0D9DD;border-radius:11px;background:#FFF8F9;font-size:.59375rem}
}


/* === v1.0.70: account confirmation, profile photo and compact mobile course cards === */
.account-avatar{overflow:hidden}.account-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.account-profile-photo-editor{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #DEE7F0;border-radius:16px;background:#F8FAFC}
.account-profile-photo-preview{width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:22px;background:linear-gradient(145deg,#EAF1F8,#fff);box-shadow:0 7px 18px rgba(12,48,84,.10);color:#0D477E;font-size:1.5625rem;font-weight:900}
.account-profile-photo-preview img{width:100%;height:100%;display:block;object-fit:cover}
.account-profile-photo-actions{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:7px}.account-profile-photo-upload{position:relative;overflow:hidden;cursor:pointer}.account-profile-photo-upload input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.account-profile-photo-remove{display:flex;align-items:center;gap:6px;color:#8D4050;font-size:.625rem;font-weight:800}.account-profile-photo-actions>small{color:#7F8E9F;font-size:.5625rem;line-height:1.5}
body.had-modal-open{overflow:hidden}.had-confirm-modal[hidden]{display:none!important}.had-confirm-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.had-confirm-modal__backdrop{position:absolute;inset:0;background:rgba(3,22,44,.58);backdrop-filter:blur(5px)}.had-confirm-modal__card{width:min(430px,100%);position:relative;z-index:1;padding:26px 24px 22px;border:1px solid rgba(255,255,255,.52);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(3,24,50,.28);text-align:center}.had-confirm-modal__x{position:absolute;top:11px;left:11px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#F2F5F8;color:#53677D;font-size:1.4375rem;line-height:1;cursor:pointer}.had-confirm-modal__icon{width:58px;height:58px;margin:0 auto 13px;display:grid;place-items:center;border-radius:18px;background:#FFF1F3;color:#A63A4D}.had-confirm-modal__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-confirm-modal__copy h2{margin:0 0 8px;color:#153653;font-size:1.3125rem}.had-confirm-modal__copy p{margin:0;color:#65788C;font-size:.75rem;line-height:1.8}.had-confirm-modal__copy small{display:block;margin-top:8px;color:#91A0AF;font-size:.59375rem;line-height:1.6}.had-confirm-modal__actions{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.had-confirm-modal__actions .btn,.had-confirm-modal__confirm{min-height:43px;border-radius:12px;font-size:.6875rem;font-weight:900}.had-confirm-modal__confirm{border:1px solid #A63A4D;background:linear-gradient(135deg,#A83B4E,#8E2E40);color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(166,58,77,.18)}.had-confirm-modal__confirm:disabled{opacity:.65;cursor:wait}

@media(max-width:700px){
  /* A horizontal premium marker; never allow the label to wrap vertically. */
  .course-card .course-featured-badge,.home-mobile-course-track .course-featured-badge{top:7px!important;left:7px!important;bottom:auto!important;width:auto!important;height:24px!important;min-width:0!important;max-width:none!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:1px solid rgba(255,255,255,.80)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(23,55,89,.94),rgba(9,44,80,.94))!important;color:#F5D58F!important;font-size:.46875rem!important;line-height:1!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;transform:none!important;box-shadow:0 5px 12px rgba(4,31,60,.16)!important}
  .account-profile-photo-editor{gap:10px;padding:10px;border-radius:14px}.account-profile-photo-preview{width:68px;height:68px;flex-basis:68px;border-radius:18px}.account-profile-photo-actions{gap:5px}.account-profile-photo-actions .btn{min-height:34px!important;padding:5px 9px!important;font-size:.53125rem!important}.account-profile-photo-remove{font-size:.5rem}.account-profile-photo-actions>small{font-size:.46875rem}
  .had-confirm-modal{padding:14px}.had-confirm-modal__card{padding:23px 17px 17px;border-radius:21px}.had-confirm-modal__icon{width:52px;height:52px;border-radius:16px}.had-confirm-modal__copy h2{font-size:1.125rem}.had-confirm-modal__copy p{font-size:.65625rem}.had-confirm-modal__actions{margin-top:16px}.had-confirm-modal__actions .btn,.had-confirm-modal__confirm{min-height:41px;font-size:.59375rem}
  .home-mobile-course-track{gap:8px}.home-mobile-course-track>.course-card{border-radius:15px}.home-mobile-course-track .card-body{padding:9px!important}.home-mobile-course-track .card-body>p{font-size:.525rem}.home-mobile-course-track .card-footer strong{font-size:.64375rem}.home-mobile-course-track .card-footer .btn{min-height:32px;padding:4px 7px;font-size:.5rem}
}
@media(max-width:700px){
  /* Keep every course-card data row visible even after narrowing the card. */
  .home-mobile-course-track .card-body>p.meta{display:block!important;margin:1px 0!important;font-size:.50625rem!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important}
  .home-mobile-course-track .card-body{min-height:0!important;height:auto!important}
}

/* Academic-first homepage v1.0.73 */
.had-home-hero-primary{
  min-height:610px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(37,105,181,.11),transparent 27%),
    radial-gradient(circle at 88% 20%,rgba(212,154,74,.12),transparent 24%),
    linear-gradient(180deg,#fff 0%,#F8FAFD 72%,#F3F7FB 100%);
}
.had-home-hero-primary:before,.had-home-hero-primary:after{content:"";position:absolute;pointer-events:none}
.had-home-hero-primary:before{width:320px;height:320px;left:-160px;top:-145px;border-radius:50%;border:1px solid rgba(31,93,163,.12);box-shadow:0 0 0 55px rgba(31,93,163,.025),0 0 0 110px rgba(31,93,163,.018)}
.had-home-hero-primary:after{width:270px;height:270px;right:-135px;bottom:-165px;border-radius:42% 58% 54% 46%;background:linear-gradient(145deg,rgba(212,154,74,.11),rgba(34,122,184,.05));transform:rotate(25deg)}
.had-home-hero-primary__inner{width:min(1050px,calc(100% - 36px));min-height:610px;margin:auto;padding:74px 0 66px;display:grid;place-items:center;position:relative;z-index:2;text-align:center}
.had-home-hero-primary__copy{width:min(800px,100%);display:grid;justify-items:center}
.home-hero--v2 .had-home-hero-primary h1{max-width:none;margin:0;display:grid;gap:3px;color:#092D60;font-size:clamp(2.5rem,4vw,3.8125rem);font-weight:950;line-height:1.25;letter-spacing:-1.5px}
.home-hero--v2 .had-home-hero-primary h1 span{color:#092D60}
.home-hero--v2 .had-home-hero-primary h1 strong{color:#E6A42C;font:inherit}
.had-home-hero-primary__copy>p{margin:12px 0 0!important;color:#314B6A!important;font-size:clamp(.9375rem,1.35vw,1.25rem)!important;font-weight:700;line-height:1.8!important}
.had-home-hero-primary__actions{margin-top:25px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.had-home-hero-primary__actions a{min-width:178px;min-height:50px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;font-size:.75rem;font-weight:950;transition:transform .18s ease,box-shadow .18s ease}
.had-home-hero-primary__actions a:hover{transform:translateY(-2px)}
.had-home-hero-primary__actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.had-home-hero-primary__start{background:linear-gradient(135deg,#E3A12E,#F2B94C);color:#102D53;box-shadow:0 13px 28px rgba(207,146,38,.22)}
.had-home-hero-primary__browse{border:1px solid #113E75;background:#0B376C;color:#fff;box-shadow:0 13px 28px rgba(8,43,92,.15)}
.had-home-hero-search{width:min(720px,100%);min-height:62px;margin-top:24px;padding:7px 15px;display:flex;align-items:center;gap:9px;border:1px solid #E1E8F0;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 17px 40px rgba(8,43,92,.09)}
.had-home-hero-search input{width:100%;height:46px;padding:0 8px;border:0!important;outline:0!important;background:transparent!important;color:#173652;font-size:.8125rem;box-shadow:none!important}
.had-home-hero-search input::placeholder{color:#9AA9B8}
.had-home-hero-search button{width:44px;height:44px;flex:0 0 44px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#0B376C;cursor:pointer}
.had-home-hero-search button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

.had-home-hub{padding:31px 0 36px;background:#fff}
.had-home-hub__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.had-home-hub-card{min-width:0;min-height:176px;padding:20px 13px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;border:1px solid #E6D5AE;border-radius:17px;background:linear-gradient(180deg,#fff,#FFFEFB);box-shadow:0 8px 24px rgba(8,43,92,.045);text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.had-home-hub-card:hover{transform:translateY(-4px);border-color:#D6B873;box-shadow:0 15px 34px rgba(8,43,92,.09)}
.had-home-hub-card__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#EEF4FB;color:#0A376F;box-shadow:inset 0 0 0 1px rgba(9,59,111,.04)}
.had-home-hub-card__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-home-hub-card--ai .had-home-hub-card__icon{background:#ECF8EE;color:#2D9B55}.had-home-hub-card--request .had-home-hub-card__icon{background:#ECF8EE;color:#1C983E}.had-home-hub-card--english .had-home-hub-card__icon{background:#FFF3DC;color:#D39B25}.had-home-hub-card--saved .had-home-hub-card__icon{background:#FFF0F4;color:#D52C63}
.had-home-hub-card strong{margin-top:11px;color:#183554;font-size:.71875rem;line-height:1.55}
.had-home-hub-card small{margin-top:5px;min-height:31px;color:#687B90;font-size:.55rem;line-height:1.75}
.had-home-hub-card__arrow{margin-top:auto;color:#173F72;font-size:1.125rem;font-weight:900;line-height:1}
.had-home-hub-card__badge{position:absolute;right:-1px;top:-1px;z-index:2;padding:4px 7px;border-radius:0 16px 0 9px;background:#0B376C;color:#fff;font-size:.4375rem;font-weight:900;box-shadow:0 4px 10px rgba(8,43,92,.13)}
.had-home-hub-card--universities .had-home-hub-card__badge{background:#DFA02F;color:#16324E}

@media(max-width:1050px){
  .had-home-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .had-home-hero-primary{min-height:430px}
  .had-home-hero-primary__inner{width:calc(100% - 22px);min-height:430px;padding:44px 5px 42px}
  .home-hero--v2 .had-home-hero-primary h1{font-size:2rem;line-height:1.28;letter-spacing:-.75px;gap:1px}
  .had-home-hero-primary__copy>p{margin-top:8px!important;font-size:.75rem!important;line-height:1.7!important}
  .had-home-hero-primary__actions{width:100%;margin-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .had-home-hero-primary__actions a{min-width:0;min-height:43px;padding:8px 9px;border-radius:10px;font-size:.59375rem}
  .had-home-hero-primary__actions svg{width:14px;height:14px}
  .had-home-hero-search{min-height:53px;margin-top:16px;padding:5px 10px;border-radius:19px;box-shadow:0 11px 28px rgba(8,43,92,.08)}
  .had-home-hero-search input{height:41px;font-size:.625rem}.had-home-hero-search button{width:38px;height:38px;flex-basis:38px}.had-home-hero-search button svg{width:21px;height:21px}
  .home-hero--slider .had-hero-slide--image{min-height:430px!important}
  .had-home-hub{padding:13px 0 20px}
  .had-home-hub>.container{width:calc(100% - 14px)}
  .had-home-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .had-home-hub-card{min-height:144px;padding:15px 6px 9px;border-radius:13px}
  .had-home-hub-card__icon{width:38px;height:38px;border-radius:11px}.had-home-hub-card__icon svg{width:21px;height:21px}
  .had-home-hub-card strong{margin-top:8px;font-size:.5625rem;line-height:1.45}
  .had-home-hub-card small{margin-top:4px;min-height:29px;font-size:.45rem;line-height:1.6}
  .had-home-hub-card__arrow{font-size:.9375rem}
  .had-home-hub-card__badge{padding:3px 5px;border-radius:0 12px 0 7px;font-size:.3625rem}
}
@media(max-width:380px){
  .home-hero--v2 .had-home-hero-primary h1{font-size:1.8125rem}
  .had-home-hub-card{min-height:140px}.had-home-hub-card strong{font-size:.525rem}.had-home-hub-card small{font-size:.425rem}
}

/* =========================================================
   v1.0.74 — Advanced mobile app experience
   Mobile-only visual layer. Desktop/tablet >=701px is untouched.
========================================================= */
@media(max-width:700px){
  :root{
    --had-mobile-nav-height:82px;
    --had-app-surface:#F4F7FB;
    --had-app-card:#FFFFFF;
    --had-app-line:#DFE8F2;
    --had-app-navy:#072B5C;
    --had-app-blue:#145B9E;
    --had-app-gold:#E2A642;
    --had-app-shadow:0 12px 32px rgba(8,43,92,.085);
    --had-app-shadow-lg:0 20px 46px rgba(8,43,92,.15);
  }
  html{background:var(--had-app-surface);scroll-padding-top:calc(var(--had-mobile-sticky-height,96px) + 10px)}
  body{
    min-width:0;background:var(--had-app-surface);
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;
  }
  body.has-mobile-bottom-nav{padding-bottom:calc(var(--had-mobile-nav-height) + 10px + env(safe-area-inset-bottom,0px))}
  .site-content{background:linear-gradient(180deg,#F7F9FC 0,#FFFFFF 360px);isolation:isolate}
  a,button,.btn,.course-card,.uni-card,.teacher-card,.college-card,.had-home-hub-card{-webkit-touch-callout:none}
  .btn,.menu-toggle,.cart-link,.mobile-bottom-nav__item,.had-menu a,.home-mobile-quick-nav a,.had-home-hub-card{touch-action:manipulation}
  .btn:active,.menu-toggle:active,.cart-link:active,.had-menu a:active,.had-home-hub-card:active,.college-card:active{transform:scale(.975)!important}

  /* Safe-area-aware fixed app chrome. */
  .had-sticky-shell{padding-top:env(safe-area-inset-top,0px)!important;background:rgba(249,251,254,.92)!important;box-shadow:0 1px 0 rgba(216,226,237,.72)!important;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}
  .announcement.announcement-ticker{height:31px;min-height:31px;border:0;box-shadow:none;background:linear-gradient(90deg,#061F43,#0A396F 55%,#114A86)}
  .announcement-ticker-badge{min-width:74px;padding-inline:8px;font-size:.55rem;background:linear-gradient(135deg,#D8942E,#EDB956)}
  .announcement.announcement-ticker .announcement-close{width:31px;height:31px}
  .site-header{border:0!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(8,43,92,.055)!important}
  .header-inner{width:calc(100% - 18px)!important;padding:7px 0 9px!important;gap:7px 9px!important}
  .brand{align-self:center}
  .brand img{width:105px!important;max-width:105px!important;max-height:44px!important}
  .menu-toggle{
    width:42px!important;height:42px!important;border:1px solid #DCE6F0!important;border-radius:14px!important;
    background:linear-gradient(145deg,#FFFFFF,#F3F7FB)!important;box-shadow:0 7px 18px rgba(8,43,92,.07)!important
  }
  .menu-toggle span:not(.screen-reader-text){right:11px!important;left:11px!important;height:1.7px!important;background:#0B3A70!important}
  .header-actions{gap:7px!important}
  .global-search{position:relative}
  .global-search input{
    height:44px!important;padding:8px 39px 8px 13px!important;border:1px solid #DCE6EF!important;border-radius:15px!important;
    background:linear-gradient(145deg,#F8FAFD,#F2F6FA)!important;color:#173A5E;font-size:.78125rem!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important
  }
  .global-search input:focus{border-color:#ABC0D5!important;background:#fff!important;box-shadow:0 0 0 4px rgba(15,77,136,.07),0 10px 24px rgba(8,43,92,.08)!important}
  .global-search>span{right:13px!important;top:8px!important;color:#55728F!important;font-size:1.125rem!important}
  .cart-link{width:44px!important;height:44px!important;flex-basis:44px!important;border:1px solid #DCE6F0!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#F4F8FB)!important;box-shadow:0 7px 18px rgba(8,43,92,.065)!important;font-size:1.0625rem}
  .had-cart-count{top:-5px;right:-5px;min-width:18px;height:18px;border-width:2px;font-size:.5rem;background:#D24859}
  .suggestions{top:51px!important;border:1px solid #DDE7F1!important;border-radius:18px!important;box-shadow:0 24px 50px rgba(6,31,67,.18)!important}
  .suggestions a{min-height:50px;padding:10px 13px!important;display:grid!important;align-content:center;gap:1px;font-size:.6875rem!important}
  .suggestions small{font-size:.53125rem}
  body.had-mobile-scrolled .site-header{box-shadow:0 12px 30px rgba(8,43,92,.095)!important}

  /* Off-canvas app drawer. */
  .main-nav{
    width:min(360px,92vw)!important;padding:env(safe-area-inset-top,0px) 13px calc(24px + env(safe-area-inset-bottom,0px))!important;
    border-left:1px solid rgba(214,226,238,.95)!important;border-radius:28px 0 0 28px!important;
    background:linear-gradient(180deg,#FFFFFF 0,#F8FAFD 100%)!important;box-shadow:-30px 0 70px rgba(3,27,61,.24)!important
  }
  .mobile-nav-head{margin:0 -13px 13px!important;padding:11px 13px!important;grid-template-columns:76px minmax(0,1fr) 39px!important;border-radius:28px 0 0 0;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-nav-head strong{font-size:.71875rem!important;color:#163A5E!important}
  .mobile-nav-brand img{width:72px!important}
  .mobile-nav-close{width:38px!important;height:38px!important;border-radius:12px!important;background:#F1F6FA!important;font-size:1.375rem!important}
  .had-menu{gap:6px!important}
  .had-menu>li>a{min-height:48px!important;padding:11px 13px!important;border:1px solid #E1EAF3!important;border-radius:15px!important;background:rgba(255,255,255,.86)!important;color:#244562!important;font-size:.75rem!important;box-shadow:0 5px 14px rgba(8,43,92,.035)!important}
  .had-menu>li.current-menu-item>a,.had-menu>li.current-menu-ancestor>a{border-color:#C7D9EA!important;background:linear-gradient(135deg,#EEF5FB,#E7F0F8)!important;color:#0A477F!important;box-shadow:inset 3px 0 0 #DDA03C!important}
  .had-menu .sub-menu{margin-top:5px!important;border-radius:14px!important;background:#F8FAFC!important}
  .had-menu .sub-menu a{min-height:40px;padding:9px 10px!important;font-size:.65625rem!important}
  .mobile-nav-extras{gap:7px!important;margin-top:13px!important;padding-top:13px!important}
  .mobile-nav-extras .btn{min-height:44px!important;border-radius:13px!important;font-size:.6875rem!important}
  .menu-overlay{background:rgba(3,20,43,.52)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}

  /* Native-app bottom bar with elevated primary learning action. */
  .mobile-bottom-nav{
    right:9px!important;left:9px!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;height:68px!important;padding:6px 5px!important;
    border:1px solid rgba(205,219,233,.92)!important;border-radius:22px!important;background:rgba(255,255,255,.93)!important;
    box-shadow:0 18px 46px rgba(5,28,60,.20),inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(24px) saturate(1.35)!important;-webkit-backdrop-filter:blur(24px) saturate(1.35)!important
  }
  .mobile-bottom-nav__item{min-height:54px;padding:4px 2px!important;gap:3px!important;border-radius:15px!important;color:#6A7E92!important;font-size:.5rem!important;font-weight:850!important}
  .mobile-bottom-nav__item svg{width:20px!important;height:20px!important;stroke:#647C94!important;stroke-width:1.85!important}
  .mobile-bottom-nav__item.is-active{background:#EEF5FB!important;color:#0A4178!important}
  .mobile-bottom-nav__item.is-active svg{stroke:#0A4178!important}
  .mobile-bottom-nav__item.is-active::after{bottom:2px!important;width:14px!important;height:2px!important;background:#DEA23D!important}
  .mobile-bottom-nav__item:nth-child(3){overflow:visible;transform:translateY(-9px);background:transparent!important;color:#173F69!important}
  .mobile-bottom-nav__item:nth-child(3) svg{width:43px!important;height:43px!important;padding:10px;border:3px solid #fff;border-radius:16px;background:linear-gradient(145deg,#0A356C,#145C9E)!important;stroke:#fff!important;filter:drop-shadow(0 9px 12px rgba(8,43,92,.22))}
  .mobile-bottom-nav__item:nth-child(3) span{margin-top:-1px;padding:1px 7px;border-radius:999px;background:#fff;color:#173E68;font-size:.475rem;box-shadow:0 4px 10px rgba(8,43,92,.07)}
  .mobile-bottom-nav__item:nth-child(3)::after{display:none!important}
  .mobile-bottom-nav__item:nth-child(3):active{transform:translateY(-9px) scale(.96)!important}
  body.has-mobile-bottom-nav .had-contact-fab{bottom:calc(var(--had-mobile-nav-height) + 12px + env(safe-area-inset-bottom,0px))!important}
  .had-contact-fab__toggle{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;box-shadow:0 13px 28px rgba(8,43,92,.23)!important}

  /* Global cards and page surfaces. */
  .page-hero{margin:8px 9px 0;padding:31px 14px 30px!important;border:1px solid rgba(218,229,239,.82);border-radius:0 0 27px 27px;background:radial-gradient(circle at 8% 0,rgba(32,100,171,.10),transparent 32%),linear-gradient(180deg,#FFFFFF,#F3F7FB);box-shadow:0 15px 34px rgba(8,43,92,.06)}
  .page-hero h1{font-size:1.5625rem!important;letter-spacing:-.35px}.page-hero p{font-size:.71875rem!important;color:#667D93}
  .section-head{align-items:center!important}
  .section-head h2,.section-title{font-size:1.25rem!important;letter-spacing:-.2px}
  .section-kicker,.eyebrow{border:1px solid #DFE8F1;background:#F3F7FB!important;color:#275A87!important;font-size:.55rem!important}
  .text-link{min-height:32px;padding:6px 9px;display:inline-flex;align-items:center;border:1px solid #DEE7F0;border-radius:10px;background:#fff;color:#1D568D;font-size:.53125rem;white-space:nowrap;box-shadow:0 5px 14px rgba(8,43,92,.035)}
  .empty{padding:26px 16px!important;border-radius:17px!important;background:#fff!important}
  .course-card,.uni-card,.teacher-card,.college-card,.story,.blog-card,.feature,.form-card,.detail-panel,.account-card{border-color:#DEE7F0!important;box-shadow:var(--had-app-shadow)!important}
  .course-card{border-radius:19px!important;background:#fff!important}
  .course-card .card-media{background:linear-gradient(145deg,#EEF3F8,#E5EDF5)!important}
  .course-card .card-body h3{color:#173B5F!important;font-weight:850}
  .course-card .card-footer{border-top-color:#E8EEF4!important}
  .course-card .card-footer .btn{box-shadow:none!important}
  .college-card{border-radius:17px!important;background:linear-gradient(145deg,#fff,#FBFCFE)!important}
  .form-card{border:1px solid #DEE7F0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 44px rgba(8,43,92,.09)!important}
  .field input,.field select,.field textarea,.had-commerce-shell input,.had-commerce-shell select,.had-commerce-shell textarea{border-color:#DCE6F0!important;background:#F9FBFD!important}
  .field input:focus,.field select:focus,.field textarea:focus{background:#fff!important;box-shadow:0 0 0 4px rgba(20,91,158,.075)!important}

  /* Academic-first homepage becomes a premium app dashboard. */
  .home-hero--slider{padding:7px 7px 0;background:linear-gradient(180deg,#F2F6FA,#F8FAFD)!important;border:0!important}
  .had-home-hero-primary{
    min-height:395px!important;border:1px solid rgba(255,255,255,.12);border-radius:28px!important;
    background:radial-gradient(circle at 14% 5%,rgba(91,164,230,.25),transparent 30%),radial-gradient(circle at 90% 88%,rgba(226,166,66,.22),transparent 28%),linear-gradient(150deg,#061F43 0%,#0A356A 58%,#0E4D87 100%)!important;
    box-shadow:0 22px 46px rgba(5,30,64,.20)!important
  }
  .had-home-hero-primary:before{width:210px;height:210px;left:-130px;top:-110px;border-color:rgba(255,255,255,.10);box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018)}
  .had-home-hero-primary:after{width:180px;height:180px;right:-96px;bottom:-105px;background:linear-gradient(145deg,rgba(226,166,66,.17),rgba(255,255,255,.03))}
  .had-home-hero-primary__inner{width:calc(100% - 24px)!important;min-height:395px!important;padding:35px 4px 38px!important}
  .home-hero--v2 .had-home-hero-primary h1{font-size:1.9375rem!important;line-height:1.27!important;letter-spacing:-.75px!important}
  .home-hero--v2 .had-home-hero-primary h1 span{color:#FFFFFF!important;text-shadow:0 2px 18px rgba(0,0,0,.10)}
  .home-hero--v2 .had-home-hero-primary h1 strong{color:#F3BD5A!important}
  .had-home-hero-primary__copy>p{margin-top:9px!important;color:#D3E1F0!important;font-size:.71875rem!important;font-weight:650!important}
  .had-home-hero-primary__actions{margin-top:17px!important;gap:8px!important}
  .had-home-hero-primary__actions a{min-height:45px!important;border-radius:14px!important;font-size:.59375rem!important}
  .had-home-hero-primary__start{background:linear-gradient(135deg,#F0B64F,#D9962F)!important;color:#102D50!important;box-shadow:0 11px 26px rgba(214,151,47,.26)!important}
  .had-home-hero-primary__browse{border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)}
  .had-home-hero-search{min-height:54px!important;margin-top:15px!important;padding:5px 7px!important;border:1px solid rgba(255,255,255,.40)!important;border-radius:17px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 15px 30px rgba(1,18,42,.18)!important}
  .had-home-hero-search input{height:42px!important;color:#173B60!important;font-size:.65625rem!important}
  .had-home-hero-search button{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;background:#ECF3F9!important;color:#0A4179!important}
  .home-hero--slider .had-hero-slider__dots{bottom:7px!important;border-color:rgba(255,255,255,.35)!important;background:rgba(255,255,255,.86)!important}
  .home-hero--slider .had-hero-slider__arrow{border-color:rgba(255,255,255,.35)!important;background:rgba(255,255,255,.90)!important;box-shadow:0 8px 20px rgba(4,28,61,.16)!important}
  .home-hero--slider .had-hero-slide--image{min-height:395px!important;border-radius:28px!important}
  .home-hero--slider .had-hero-slide__media,.home-hero--slider .had-hero-slide__media picture,.home-hero--slider .had-hero-slide__media img{border-radius:28px!important}

  .had-home-hub{padding:14px 0 24px!important;background:transparent!important}
  .had-home-hub>.container{width:calc(100% - 18px)!important}
  .had-home-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .had-home-hub-card{min-height:137px!important;padding:14px 6px 10px!important;border:1px solid #DFE8F1!important;border-radius:18px!important;background:linear-gradient(155deg,#FFFFFF,#F8FAFD)!important;box-shadow:0 10px 25px rgba(8,43,92,.065)!important}
  .had-home-hub-card__icon{width:42px!important;height:42px!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px rgba(8,43,92,.035),0 6px 14px rgba(8,43,92,.05)}
  .had-home-hub-card strong{margin-top:8px!important;color:#173B5E!important;font-size:.5625rem!important}.had-home-hub-card small{min-height:27px!important;font-size:.425rem!important;color:#7A8C9D!important}
  .had-home-hub-card__arrow{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#F0F5FA;color:#174D81;font-size:.8125rem!important}

  .home-mobile-quick-nav{border:1px solid #DFE8F2!important;border-radius:19px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 12px 30px rgba(8,43,92,.075)!important;backdrop-filter:blur(14px)}
  .home-mobile-quick-nav a{border-radius:14px!important}.home-mobile-quick-nav a>span{border:1px solid rgba(18,80,137,.07);box-shadow:0 5px 12px rgba(8,43,92,.045)}
  .home-learning-tabs{border-radius:16px!important;background:#EEF3F8!important}.home-learning-tabs button{border-radius:12px!important}.home-learning-tabs button.is-active{color:#0A4C89!important;box-shadow:0 7px 16px rgba(8,43,92,.08)!important}
  .home-mobile-course-track>.course-card{border-radius:19px!important;box-shadow:0 12px 28px rgba(8,43,92,.085)!important;scroll-snap-stop:always}
  .value-section .feature,.teachers-section .teacher-card{border-color:#DEE7F0!important;box-shadow:0 10px 24px rgba(8,43,92,.065)!important;scroll-snap-stop:always}
  .teachers-section .teacher-card img{box-shadow:0 7px 18px rgba(8,43,92,.08)}
  .home-review-card.story{border-color:#DEE7F0!important;background:linear-gradient(150deg,#fff,#F9FBFD)!important;box-shadow:0 13px 30px rgba(8,43,92,.075)!important}
  .home-mobile-teacher-cta{border-color:#D7E5F1!important;border-radius:21px!important;background:radial-gradient(circle at 8% 0,rgba(226,166,66,.16),transparent 34%),linear-gradient(145deg,#F8FBFE,#EBF3FA)!important;box-shadow:0 13px 30px rgba(8,43,92,.075)!important}

  /* Course detail / learning flow: card-based application feel. */
  .course-detail{padding-top:14px!important}
  .detail-image{border-radius:22px!important;border:1px solid #DDE7F0!important;box-shadow:0 14px 32px rgba(8,43,92,.08)!important}
  .detail-panel{border-radius:22px!important;background:linear-gradient(155deg,#fff,#FAFCFE)!important}
  .purchase-panel::before{height:4px!important;background:linear-gradient(90deg,#0D4F8D,#DEA13C)!important}
  .lesson-row{border:1px solid #E0E8F0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 16px rgba(8,43,92,.04)!important}
  .lesson-row>span{background:linear-gradient(145deg,#EEF4FA,#E5EDF5)!important;color:#145A95!important}
  .video-frame{border-radius:20px!important;box-shadow:0 16px 36px rgba(5,29,61,.14)!important}
  .lesson-attachment{border-color:#DCE7F1!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#F7FAFD)!important}

  /* Checkout/cart/auth retain functionality but gain consistent app surfaces. */
  .commerce-section,.auth-section{background:linear-gradient(180deg,#F2F6FA,#fff 300px)!important}
  .had-commerce-shell{border:1px solid #DEE7F0!important;border-radius:21px!important;background:#fff!important;box-shadow:0 16px 38px rgba(8,43,92,.08)!important}
  .had-commerce-shell .cart_totals,.had-commerce-shell #order_review{border-color:#DEE7F0!important;background:#F8FAFD!important}
  .auth-card-enhanced{border:1px solid #DCE7F1!important;border-radius:23px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 18px 44px rgba(8,43,92,.10)!important}
  .auth-icon{border-radius:15px!important;background:linear-gradient(145deg,#EDF4FA,#E0EBF5)!important;box-shadow:0 8px 18px rgba(8,43,92,.07)!important}

  /* Footer visually recedes behind the application chrome. */
  .prefooter{border:1px solid #DDE7F0!important;border-radius:22px!important;box-shadow:0 14px 34px rgba(8,43,92,.075)!important}
  .footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important}
  .footer-brand,.footer-section{border-radius:17px!important}
}

@media(max-width:390px){
  .had-home-hero-primary,.home-hero--slider .had-hero-slide--image,.home-hero--slider .had-hero-slide__media,.home-hero--slider .had-hero-slide__media picture,.home-hero--slider .had-hero-slide__media img{border-radius:24px!important}
  .home-hero--v2 .had-home-hero-primary h1{font-size:1.75rem!important}
  .had-home-hub-card{min-height:132px!important}.had-home-hub-card strong{font-size:.53125rem!important}.had-home-hub-card small{font-size:.4rem!important}
  .mobile-bottom-nav{right:6px!important;left:6px!important;border-radius:20px!important}
  .mobile-bottom-nav__item{font-size:.4625rem!important}
}

@media(max-width:700px) and (prefers-reduced-motion:reduce){
  .btn,.menu-toggle,.cart-link,.mobile-bottom-nav__item,.had-menu a,.had-home-hub-card{transition:none!important}
  .btn:active,.menu-toggle:active,.cart-link:active,.had-menu a:active,.had-home-hub-card:active,.college-card:active{transform:none!important}
  .mobile-bottom-nav__item:nth-child(3),.mobile-bottom-nav__item:nth-child(3):active{transform:translateY(-9px)!important}
}

/* =========================================================
   v1.0.76 — Premium header + hero experience
   Visual-only refinement. Functional markup and navigation remain unchanged.
========================================================= */
.global-search__icon{display:grid!important;place-items:center;width:22px;height:22px;line-height:1}
.global-search__icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-link__icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-action-icon{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(min-width:1051px){
  .site-header{
    padding:8px 0 9px;
    border:0;
    background:linear-gradient(180deg,rgba(247,250,253,.96),rgba(244,248,252,.88));
    box-shadow:none;
    backdrop-filter:blur(22px) saturate(1.15);
    -webkit-backdrop-filter:blur(22px) saturate(1.15);
  }
  .site-header::after{display:none}
  .header-inner{
    width:min(1420px,calc(100% - 30px));
    min-height:76px;
    padding:8px 10px 8px 15px;
    gap:11px;
    position:relative;
    border:1px solid rgba(211,223,235,.90);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(249,251,254,.94));
    box-shadow:0 12px 34px rgba(7,34,70,.075),inset 0 1px 0 rgba(255,255,255,.95);
    transition:min-height .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease,transform .24s ease;
  }
  .header-inner::before{
    content:"";
    position:absolute;
    top:-1px;
    right:10%;
    left:10%;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(226,166,66,.64),rgba(43,111,178,.28),transparent);
    pointer-events:none;
  }
  .brand{
    min-width:148px;
    padding:5px 9px;
    position:relative;
    justify-content:center;
    border-radius:17px;
    transition:background .2s ease,transform .2s ease;
  }
  .brand:hover{background:rgba(239,245,250,.78);transform:translateY(-1px)}
  .brand img{width:143px;max-height:54px;filter:drop-shadow(0 6px 11px rgba(8,43,92,.08));transition:width .24s ease,filter .2s ease}
  .main-nav{margin-inline:2px}
  .had-menu{gap:3px}
  .had-menu>li>a{
    min-height:43px;
    padding:10px 11px;
    border-radius:13px;
    color:#344C66;
    font-size:.78125rem;
    letter-spacing:-.05px;
  }
  .had-menu>li>a::before{transition:color .2s ease}
  .had-menu>li:hover>a,.had-menu>li.current-menu-item>a,.had-menu>li.current-menu-ancestor>a{
    border-color:#DCE6EF;
    background:linear-gradient(145deg,#FFFFFF,#F1F6FA);
    color:#0A4179;
    box-shadow:0 7px 18px rgba(8,43,92,.065),inset 0 1px 0 #fff;
  }
  .had-menu>li.current-menu-item>a::after,.had-menu>li.current-menu-ancestor>a::after{
    right:13px;left:13px;bottom:5px;height:2px;
    background:linear-gradient(90deg,#E0A13A,#F0C66F);
  }
  .had-menu .sub-menu{
    top:calc(100% + 13px);
    padding:9px;
    border-color:rgba(215,226,237,.94);
    border-radius:18px;
    background:rgba(255,255,255,.97);
    box-shadow:0 26px 58px rgba(6,29,60,.16),inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
  }
  .header-actions{margin-right:3px;gap:7px}
  .global-search{width:clamp(218px,18vw,286px)}
  .global-search>span{right:14px;top:12px;color:#55718E;font-size:0}
  .global-search input{
    height:46px;
    padding:9px 42px 9px 14px;
    border:1px solid #DDE7F0;
    border-radius:15px;
    background:linear-gradient(145deg,#F8FAFC,#F2F6FA);
    color:#173B60;
    font-size:.7625rem;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  }
  .global-search input:hover{border-color:#CAD9E7;background:#fff}
  .global-search input:focus{border-color:#A7BED4;box-shadow:0 0 0 4px rgba(18,83,143,.075),0 10px 24px rgba(8,43,92,.07)}
  .suggestions{top:53px;border-color:#DAE5EF;border-radius:18px;box-shadow:0 26px 55px rgba(6,29,60,.16)}
  .cart-link{
    width:46px;height:46px;
    border-color:#DCE6EF;
    border-radius:15px;
    background:linear-gradient(145deg,#FFFFFF,#F3F7FA);
    color:#124B82;
    box-shadow:0 7px 18px rgba(8,43,92,.06),inset 0 1px 0 #fff;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
  }
  .cart-link:hover{transform:translateY(-2px);border-color:#BFD2E3;background:#fff;box-shadow:0 12px 24px rgba(8,43,92,.10)}
  .header-cta,.header-login{min-height:46px;min-width:102px;padding-inline:13px!important;border-radius:15px!important;gap:7px!important}
  .header-cta{
    border-color:#D7C08C!important;
    background:linear-gradient(145deg,#FFFDF9,#FFF7E8)!important;
    color:#8A5A12!important;
    box-shadow:0 7px 18px rgba(170,117,31,.065)!important;
  }
  .header-cta:hover{border-color:#D9AA51!important;background:#FFF7E7!important;transform:translateY(-2px)!important}
  .header-login{
    border-color:#0A3A70!important;
    background:linear-gradient(135deg,#082B5C 0%,#0C427D 62%,#145B9E 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(8,43,92,.18),inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  .header-login:hover{background:linear-gradient(135deg,#061F47,#0A376C 60%,#104E8B)!important;transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(8,43,92,.23)!important}
  .header-logout{border-radius:13px}
  body.had-header-scrolled .header-inner{
    min-height:68px;
    border-color:rgba(199,214,228,.95);
    background:rgba(255,255,255,.965);
    box-shadow:0 16px 38px rgba(5,29,62,.11),inset 0 1px 0 rgba(255,255,255,.98);
  }
  body.had-header-scrolled .brand img{width:132px}
}

@media(min-width:701px) and (max-width:1050px){
  .site-header{padding:7px 0;background:linear-gradient(180deg,#F7FAFD,#F2F6FA);border:0;box-shadow:none}
  .header-inner{padding:9px 10px;border:1px solid #DCE6F0;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 11px 30px rgba(8,43,92,.075)}
  .global-search>span{top:11px;font-size:0}.global-search input{border-radius:15px}
  .cart-link,.menu-toggle{color:#124B82}
}

/* Desktop hero: editorial copy + a purpose-built academic dashboard visual. */
@media(min-width:1051px){
  .home-hero--slider{
    padding:14px 16px 0;
    border:0;
    background:
      radial-gradient(circle at 50% 0,rgba(28,92,157,.06),transparent 34%),
      linear-gradient(180deg,#F5F8FB 0%,#FFFFFF 100%);
  }
  .home-hero--slider .had-hero-slider__viewport{
    width:min(1480px,100%);
    margin-inline:auto;
    overflow:hidden;
    border:1px solid rgba(218,227,237,.78);
    border-radius:36px;
    background:#F0F4F8;
    box-shadow:0 24px 60px rgba(6,31,65,.12),inset 0 1px 0 rgba(255,255,255,.65);
  }
  .had-home-hero-primary{
    min-height:630px;
    background:
      radial-gradient(circle at 13% 16%,rgba(49,132,207,.30),transparent 25%),
      radial-gradient(circle at 83% 13%,rgba(226,166,66,.22),transparent 24%),
      radial-gradient(circle at 72% 92%,rgba(34,110,180,.18),transparent 30%),
      linear-gradient(135deg,#041A39 0%,#082B5C 45%,#0B3E77 77%,#0F518F 100%);
  }
  .had-home-hero-primary:before{
    width:440px;height:440px;left:-230px;top:-235px;
    border:1px solid rgba(255,255,255,.13);
    box-shadow:0 0 0 70px rgba(255,255,255,.026),0 0 0 140px rgba(255,255,255,.015);
  }
  .had-home-hero-primary:after{
    width:390px;height:390px;right:-185px;bottom:-230px;
    border-radius:44% 56% 52% 48%;
    background:linear-gradient(145deg,rgba(229,170,67,.18),rgba(255,255,255,.025));
    transform:rotate(28deg);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  }
  .had-home-hero-primary__inner{
    width:min(1210px,calc(100% - 68px));
    min-height:630px;
    padding:66px 0 62px;
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);
    align-items:center;
    gap:72px;
    text-align:right;
  }
  .had-home-hero-primary__copy{width:100%;max-width:620px;justify-items:start;position:relative}
  .had-home-hero-primary__copy::before{
    content:"";
    width:54px;height:5px;margin-bottom:18px;
    border-radius:999px;
    background:linear-gradient(90deg,#F2BC5C,#D9942D);
    box-shadow:0 5px 16px rgba(226,166,66,.25);
  }
  .home-hero--v2 .had-home-hero-primary h1{
    max-width:610px;
    gap:2px;
    color:#fff;
    font-size:clamp(2.75rem,4.15vw,4.0625rem);
    line-height:1.19;
    letter-spacing:-1.8px;
    text-align:right;
  }
  .home-hero--v2 .had-home-hero-primary h1 span{color:#FFFFFF;text-shadow:0 4px 24px rgba(0,0,0,.13)}
  .home-hero--v2 .had-home-hero-primary h1 strong{color:#F1B952;text-shadow:0 5px 24px rgba(215,151,45,.14)}
  .had-home-hero-primary__copy>p{
    max-width:540px;
    margin-top:15px!important;
    color:#D0DEEC!important;
    font-size:clamp(.9375rem,1.25vw,1.125rem)!important;
    font-weight:650;
    line-height:1.85!important;
    text-align:right;
  }
  .had-home-hero-primary__actions{justify-content:flex-start;margin-top:27px;gap:10px}
  .had-home-hero-primary__actions a{min-width:174px;min-height:52px;border-radius:15px;font-size:.75rem}
  .had-home-hero-primary__start{
    background:linear-gradient(135deg,#F0B64F,#D9942F)!important;
    color:#102D50!important;
    box-shadow:0 14px 30px rgba(214,151,47,.25),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }
  .had-home-hero-primary__start:hover{box-shadow:0 18px 34px rgba(214,151,47,.32)!important}
  .had-home-hero-primary__browse{
    border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(255,255,255,.095)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(1,15,34,.12)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .had-home-hero-primary__browse:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.34)!important}
  .had-home-hero-search{
    width:min(560px,100%);
    min-height:60px;
    margin-top:21px;
    padding:6px 8px 6px 14px;
    border:1px solid rgba(255,255,255,.50);
    border-radius:18px;
    background:rgba(255,255,255,.965);
    box-shadow:0 18px 42px rgba(1,16,37,.24),inset 0 1px 0 #fff;
  }
  .had-home-hero-search input{height:46px;color:#173B60;font-size:.78125rem}
  .had-home-hero-search button{width:46px;height:46px;flex-basis:46px;border-radius:13px;background:linear-gradient(145deg,#EDF4FA,#E3EDF6);color:#0A4179}

  .had-home-hero-primary__visual{
    width:100%;min-height:466px;position:relative;display:grid;place-items:center;isolation:isolate;
  }
  .had-home-hero-visual__halo{
    position:absolute;width:430px;height:430px;border-radius:50%;
    background:radial-gradient(circle,rgba(73,149,219,.26) 0,rgba(73,149,219,.11) 36%,transparent 70%);
    filter:blur(2px);z-index:-2;
  }
  .had-home-hero-visual__halo::before,.had-home-hero-visual__halo::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.11)}
  .had-home-hero-visual__halo::before{inset:42px}.had-home-hero-visual__halo::after{inset:92px;border-style:dashed}
  .had-home-hero-visual__dashboard{
    width:min(400px,92%);min-height:410px;padding:22px;position:relative;overflow:hidden;
    border:1px solid rgba(255,255,255,.78);border-radius:31px;
    background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(243,248,252,.95));
    box-shadow:0 32px 70px rgba(0,15,36,.30),inset 0 1px 0 #fff;
    transform:rotate(-2deg);
    animation:hadHeroDashboardFloat 7s ease-in-out infinite;
  }
  .had-home-hero-visual__dashboard::after{content:"";position:absolute;left:-50px;top:-55px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(226,166,66,.12),transparent 70%);pointer-events:none}
  .had-home-hero-visual__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .had-home-hero-visual__brandmark{width:84px;height:35px;display:flex;align-items:center}.had-home-hero-visual__brandmark img{max-width:84px;max-height:34px;object-fit:contain}
  .had-home-hero-visual__status{padding:6px 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid #DFE8F1;border-radius:999px;background:#F8FAFC;color:#60778E;font-size:.5rem;font-weight:850}
  .had-home-hero-visual__status i{width:6px;height:6px;border-radius:50%;background:#38A873;box-shadow:0 0 0 3px rgba(56,168,115,.10)}
  .had-home-hero-visual__welcome{margin-top:25px;display:grid;gap:2px}.had-home-hero-visual__welcome span{color:#8293A5;font-size:.5625rem;font-weight:800}.had-home-hero-visual__welcome strong{color:#173B5F;font-size:1.1875rem;line-height:1.45}
  .had-home-hero-visual__course{margin-top:18px;padding:13px;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:10px;border:1px solid #DEE8F1;border-radius:17px;background:#fff;box-shadow:0 9px 22px rgba(8,43,92,.055)}
  .had-home-hero-visual__course-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#EAF3FB,#DEEAF5);color:#0E4D86}.had-home-hero-visual__course-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .had-home-hero-visual__course-copy{min-width:0;display:grid;gap:1px}.had-home-hero-visual__course-copy b{color:#173B5F;font-size:.6875rem}.had-home-hero-visual__course-copy small{color:#8494A5;font-size:.46875rem}.had-home-hero-visual__course-arrow{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#F2F6FA;color:#174B7C;font-size:.875rem;font-weight:900}
  .had-home-hero-visual__progress{margin-top:15px;padding:14px;border:1px solid #E1E9F1;border-radius:16px;background:linear-gradient(145deg,#F9FBFD,#F4F8FB)}
  .had-home-hero-visual__progress>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.had-home-hero-visual__progress b{color:#60778E;font-size:.5rem}.had-home-hero-visual__progress strong{color:#0B477F;font-size:.6875rem}.had-home-hero-visual__progress>i{height:7px;margin-top:8px;display:block;overflow:hidden;border-radius:999px;background:#E3EBF2}.had-home-hero-visual__progress>i em{width:72%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#0E4D88,#3C83BE 70%,#DCA13F)}
  .had-home-hero-visual__mini-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.had-home-hero-visual__mini-grid>span{min-height:62px;padding:10px;display:flex;align-items:center;gap:8px;border:1px solid #E0E9F1;border-radius:15px;background:#fff;color:#254969}.had-home-hero-visual__mini-grid svg{width:20px;height:20px;fill:none;stroke:#0D518D;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-home-hero-visual__mini-grid b{font-size:.5625rem}
  .had-home-hero-visual__float{position:absolute;z-index:4;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.45);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 18px 36px rgba(1,17,38,.20);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:hadHeroFloatCard 6s ease-in-out infinite}
  .had-home-hero-visual__float>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#EAF7F0;color:#23845F;font-size:.75rem;font-style:normal;font-weight:950}.had-home-hero-visual__float>span{display:grid;gap:0}.had-home-hero-visual__float b{color:#173B5F;font-size:.5rem}.had-home-hero-visual__float small{color:#7D8FA0;font-size:.40625rem}
  .had-home-hero-visual__float--one{right:-8px;top:71px}.had-home-hero-visual__float--two{left:-11px;bottom:65px;animation-delay:-2.6s}.had-home-hero-visual__float--two>i{background:#FFF4DF;color:#B97A13}

  .home-hero--slider .had-hero-slide--image{min-height:630px}
  .home-hero--slider .had-hero-slider__arrow{width:46px;height:46px;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.91);box-shadow:0 14px 32px rgba(3,25,53,.18)}
  .home-hero--slider .had-hero-slider__arrow--prev{right:30px}.home-hero--slider .had-hero-slider__arrow--next{left:30px}
  .home-hero--slider .had-hero-slider__dots{bottom:14px;padding:6px 8px;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(4,28,58,.13)}
}

@keyframes hadHeroDashboardFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1.2deg)}}
@keyframes hadHeroFloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Mobile header + hero: premium app chrome without increasing information density. */
@media(max-width:700px){
  .had-sticky-shell{background:linear-gradient(180deg,rgba(245,249,252,.98),rgba(242,247,251,.94))!important;box-shadow:none!important}
  .site-header{
    padding:6px 0 7px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .header-inner{
    width:calc(100% - 12px)!important;
    padding:7px 7px 8px!important;
    gap:7px 9px!important;
    position:relative;
    border:1px solid rgba(211,224,236,.96)!important;
    border-radius:21px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,253,.96))!important;
    box-shadow:0 10px 27px rgba(5,31,65,.095),inset 0 1px 0 rgba(255,255,255,.98)!important;
    backdrop-filter:blur(20px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.25)!important;
  }
  .header-inner::before{content:"";position:absolute;top:-1px;right:20%;left:20%;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(226,166,66,.72),transparent);pointer-events:none}
  .brand{padding:2px 6px!important;min-width:0;border-radius:13px;background:transparent}
  .brand img{width:108px!important;max-width:108px!important;max-height:43px!important;filter:drop-shadow(0 4px 9px rgba(8,43,92,.075))!important}
  .menu-toggle{
    width:42px!important;height:42px!important;
    border:1px solid #0B3970!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#082B5C,#0E4A85)!important;
    color:#fff!important;
    box-shadow:0 9px 20px rgba(8,43,92,.20),inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  .menu-toggle span:not(.screen-reader-text){right:11px!important;left:11px!important;height:1.8px!important;background:#fff!important}
  .header-actions{gap:7px!important}
  .global-search>span{right:13px!important;top:11px!important;color:#416682!important;font-size:0!important}
  .global-search__icon svg{width:18px;height:18px}
  .global-search input{
    height:44px!important;
    padding:8px 39px 8px 12px!important;
    border:1px solid #DBE6F0!important;
    border-radius:14px!important;
    background:#F5F8FB!important;
    color:#173B60!important;
    font-size:.75rem!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  .global-search input::placeholder{color:#8396A9!important}
  .global-search input:focus{border-color:#AFC4D7!important;background:#fff!important;box-shadow:0 0 0 4px rgba(15,77,136,.07),0 9px 20px rgba(8,43,92,.07)!important}
  .cart-link{
    width:44px!important;height:44px!important;flex-basis:44px!important;
    border:1px solid #D8E4EE!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#FFFFFF,#F2F7FA)!important;
    color:#0B477F!important;
    box-shadow:0 7px 17px rgba(8,43,92,.07),inset 0 1px 0 #fff!important;
    font-size:0!important;
  }
  .cart-link__icon{width:20px;height:20px;stroke-width:1.8}
  .had-cart-count{background:#CB4155!important;box-shadow:0 3px 8px rgba(156,37,55,.22)}
  .suggestions{top:50px!important;border-color:#D9E5EF!important;border-radius:17px!important;box-shadow:0 22px 48px rgba(5,29,61,.18)!important}
  body.had-mobile-scrolled .header-inner{border-color:#CFDDE9!important;background:rgba(255,255,255,.985)!important;box-shadow:0 14px 32px rgba(5,29,61,.13),inset 0 1px 0 #fff!important}
  .mobile-nav-head{background:linear-gradient(145deg,#fff,#F5F9FC)!important}
  .mobile-nav-close{border:1px solid #DDE7F0!important;background:#F2F6FA!important;color:#1B4B76!important}

  .home-hero--slider{
    padding:6px 6px 0!important;
    background:linear-gradient(180deg,#F1F5F9 0,#F7F9FC 100%)!important;
  }
  .home-hero--slider .had-hero-slider__viewport{border-radius:29px;filter:drop-shadow(0 15px 28px rgba(5,30,64,.11))}
  .had-home-hero-primary{
    min-height:404px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:29px!important;
    background:
      radial-gradient(circle at 12% 0,rgba(80,157,226,.31),transparent 28%),
      radial-gradient(circle at 91% 92%,rgba(229,170,67,.24),transparent 27%),
      radial-gradient(circle at 86% 13%,rgba(255,255,255,.06),transparent 20%),
      linear-gradient(150deg,#041A39 0%,#072B5C 52%,#0B417A 78%,#0F528F 100%)!important;
    box-shadow:0 20px 42px rgba(4,27,58,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .had-home-hero-primary:before{width:235px!important;height:235px!important;left:-150px!important;top:-125px!important;border-color:rgba(255,255,255,.105)!important;box-shadow:0 0 0 42px rgba(255,255,255,.022),0 0 0 84px rgba(255,255,255,.014)!important}
  .had-home-hero-primary:after{width:195px!important;height:195px!important;right:-105px!important;bottom:-112px!important;background:linear-gradient(145deg,rgba(229,170,67,.18),rgba(255,255,255,.025))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
  .had-home-hero-primary__inner{width:calc(100% - 24px)!important;min-height:404px!important;padding:31px 3px 35px!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important}
  .had-home-hero-primary__copy{width:100%!important;justify-items:center!important;position:relative}
  .had-home-hero-primary__copy::before{content:"";width:42px;height:4px;margin-bottom:12px;border-radius:999px;background:linear-gradient(90deg,#F0B64F,#D8952D);box-shadow:0 4px 14px rgba(226,166,66,.24)}
  .home-hero--v2 .had-home-hero-primary h1{font-size:1.9375rem!important;line-height:1.24!important;letter-spacing:-.8px!important;gap:0!important;text-align:center!important}
  .home-hero--v2 .had-home-hero-primary h1 span{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.10)!important}
  .home-hero--v2 .had-home-hero-primary h1 strong{color:#F3BD59!important;text-shadow:0 3px 16px rgba(215,151,45,.10)!important}
  .had-home-hero-primary__copy>p{max-width:330px!important;margin-top:9px!important;color:#D2E0EE!important;font-size:.71875rem!important;font-weight:650!important;line-height:1.75!important;text-align:center!important}
  .had-home-hero-primary__visual{display:none!important}
  .had-home-hero-primary__actions{width:100%!important;margin-top:16px!important;grid-template-columns:1.08fr .92fr!important;gap:8px!important}
  .had-home-hero-primary__actions a{min-height:46px!important;border-radius:14px!important;font-size:.59375rem!important;box-shadow:none}
  .had-home-hero-primary__start{background:linear-gradient(135deg,#F1B950,#D9952E)!important;color:#102D50!important;box-shadow:0 11px 25px rgba(214,151,47,.25),inset 0 1px 0 rgba(255,255,255,.28)!important}
  .had-home-hero-primary__browse{border:1px solid rgba(255,255,255,.23)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
  .had-home-hero-search{min-height:54px!important;margin-top:14px!important;padding:5px 7px!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:17px!important;background:rgba(255,255,255,.965)!important;box-shadow:0 15px 30px rgba(1,18,42,.20),inset 0 1px 0 #fff!important}
  .had-home-hero-search input{height:42px!important;color:#173B60!important;font-size:.65625rem!important}.had-home-hero-search input::placeholder{color:#8496A8!important}
  .had-home-hero-search button{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;background:linear-gradient(145deg,#EDF4FA,#E3EDF6)!important;color:#0A4179!important}
  .home-hero--slider .had-hero-slide--image{min-height:404px!important;border-radius:29px!important}
  .home-hero--slider .had-hero-slide__media,.home-hero--slider .had-hero-slide__media picture,.home-hero--slider .had-hero-slide__media img{border-radius:29px!important}
  .home-hero--slider .had-hero-slider__arrow{width:32px!important;height:32px!important;border-color:rgba(255,255,255,.46)!important;background:rgba(255,255,255,.89)!important;color:#0B4279!important;box-shadow:0 8px 19px rgba(4,28,61,.16)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
  .home-hero--slider .had-hero-slider__arrow--prev{right:8px!important}.home-hero--slider .had-hero-slider__arrow--next{left:8px!important}
  .home-hero--slider .had-hero-slider__dots{bottom:7px!important;padding:4px 6px!important;border-color:rgba(255,255,255,.40)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 7px 17px rgba(4,28,61,.12)!important}
  .home-hero--slider .had-hero-slider__dots button{background:#AAB9C8!important}.home-hero--slider .had-hero-slider__dots button.is-active{background:#0F4C84!important}
}

@media(max-width:390px){
  .header-inner{width:calc(100% - 10px)!important;border-radius:19px!important}
  .brand img{width:101px!important;max-width:101px!important}
  .menu-toggle,.cart-link{width:41px!important;height:41px!important;flex-basis:41px!important}
  .global-search input{height:41px!important;font-size:.71875rem!important}.global-search>span{top:9px!important}
  .had-home-hero-primary,.home-hero--slider .had-hero-slide--image,.home-hero--slider .had-hero-slide__media,.home-hero--slider .had-hero-slide__media picture,.home-hero--slider .had-hero-slide__media img{border-radius:25px!important}
  .home-hero--slider .had-hero-slider__viewport{border-radius:25px}
  .home-hero--v2 .had-home-hero-primary h1{font-size:1.75rem!important}
  .had-home-hero-primary__copy>p{font-size:.675rem!important}
  .had-home-hero-primary__actions a{font-size:.55625rem!important}
}

@media(prefers-reduced-motion:reduce){
  .had-home-hero-visual__dashboard,.had-home-hero-visual__float{animation:none!important}
  .header-inner,.brand img{transition:none!important}
}

@media(min-width:1051px) and (max-width:1200px){
  .header-inner{width:calc(100% - 20px);gap:6px;padding-inline:8px}
  .brand{min-width:124px;padding-inline:5px}.brand img{width:120px}
  .had-menu{gap:1px}.had-menu>li>a{min-height:41px;padding:9px 8px;font-size:.7125rem}
  .global-search{width:185px;min-width:170px}.global-search input{font-size:.6875rem}
  .header-actions{gap:5px}.cart-link{width:43px;height:43px}.header-cta,.header-login{min-width:86px;padding-inline:9px!important;font-size:.65625rem!important}
  .header-action-icon{width:14px;height:14px}
}
@media(min-width:1201px){
  .home-hero--slider .had-hero-slider__arrow--prev{right:max(30px,calc((100% - 1480px)/2 + 30px))}
  .home-hero--slider .had-hero-slider__arrow--next{left:max(30px,calc((100% - 1480px)/2 + 30px))}
}

/* =========================================================
   v1.0.77 — University archive: three cards per row on phones
   Scoped to the universities archive only; desktop/home grids stay unchanged.
========================================================= */
@media(max-width:700px){
  .university-archive{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px 7px!important;
    align-items:stretch;
  }
  .university-archive .uni-card{
    min-width:0!important;
    min-height:118px!important;
    padding:10px 4px 8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow:hidden!important;
    border-radius:15px!important;
    box-shadow:0 6px 17px rgba(19,32,51,.05)!important;
  }
  .university-archive .uni-card__logo{
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto!important;
    border:1px solid #E3EAF1!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:visible!important;
  }
  .university-archive .uni-card__logo-ring{
    position:absolute!important;
    inset:-3px!important;
    border:1px solid #EDF1F5!important;
    border-radius:18px!important;
    pointer-events:none!important;
  }
  .university-archive .uni-card img{
    width:50px!important;
    height:50px!important;
    margin:0!important;
    padding:4px!important;
    border-radius:12px!important;
    object-fit:contain!important;
  }
  .university-archive .uni-card__content{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    justify-items:center!important;
    gap:0!important;
    text-align:center!important;
  }
  .university-archive .uni-card__content strong{
    width:100%!important;
    min-width:0!important;
    max-height:30px!important;
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#31475E!important;
    font-size:.5875rem!important;
    font-weight:900!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }
  .university-archive .uni-card__content small,
  .university-archive .uni-card__arrow{display:none!important}
  .university-archive .uni-featured-badge{
    width:20px!important;
    height:20px!important;
    top:5px!important;
    left:5px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    font-size:0!important;
    line-height:1!important;
    z-index:2!important;
  }
  .university-archive .uni-featured-badge>span{font-size:.5625rem!important;line-height:1!important}
}
@media(max-width:360px){
  .university-archive{gap:9px 5px!important}
  .university-archive .uni-card{min-height:111px!important;padding:9px 3px 7px!important;border-radius:14px!important}
  .university-archive .uni-card__logo{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:14px!important}
  .university-archive .uni-card img{width:45px!important;height:45px!important}
  .university-archive .uni-card__content strong{font-size:.5375rem!important;line-height:1.5!important}
}


/* =========================================================
   v1.0.78 — Mobile drawer stacking fix
   Keep the off-canvas menu above its backdrop. The premium
   mobile header uses backdrop-filter, which creates a stacking
   context and previously trapped .main-nav below .menu-overlay.
========================================================= */
@media(max-width:700px){
  body.nav-open .header-inner{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.nav-open .main-nav,
  body.nav-open .main-nav.open{
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
  }
  .menu-overlay{
    background:rgba(3,20,43,.46)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* =========================================================
   v1.0.79 — Harmonised home hub + English placement center
========================================================= */
.had-home-hub-card{
  --hub-accent:#0B376C;
  --hub-soft:#F3F7FB;
  --hub-border:#DCE6F0;
  overflow:hidden;
  border-color:var(--hub-border)!important;
  background:linear-gradient(155deg,#FFFFFF 0%,var(--hub-soft) 100%)!important;
}
.had-home-hub-card::before{content:"";position:absolute;right:15%;left:15%;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,var(--hub-accent),transparent);opacity:.72}
.had-home-hub-card::after{content:"";position:absolute;width:86px;height:86px;left:-34px;bottom:-46px;border-radius:50%;background:var(--hub-accent);opacity:.035;pointer-events:none}
.had-home-hub-card--ai{--hub-accent:#155A91;--hub-soft:#EFF6FC;--hub-border:#D8E7F3}
.had-home-hub-card--explanations{--hub-accent:#0B376C;--hub-soft:#F0F4F9;--hub-border:#D8E2ED}
.had-home-hub-card--universities{--hub-accent:#C88A2B;--hub-soft:#FFF8EA;--hub-border:#EEDCB9}
.had-home-hub-card--request{--hub-accent:#9D6C27;--hub-soft:#FFF9EF;--hub-border:#EADBC1}
.had-home-hub-card--english{--hub-accent:#176D96;--hub-soft:#EEF8FB;--hub-border:#D5E9F0}
.had-home-hub-card--saved{--hub-accent:#405C7A;--hub-soft:#F3F6F9;--hub-border:#DCE4EC}
.had-home-hub-card .had-home-hub-card__icon{background:color-mix(in srgb,var(--hub-accent) 11%,#fff)!important;color:var(--hub-accent)!important}
.had-home-hub-card .had-home-hub-card__arrow{color:var(--hub-accent)!important;background:color-mix(in srgb,var(--hub-accent) 8%,#fff)!important}
.had-home-hub-card:hover{border-color:color-mix(in srgb,var(--hub-accent) 36%,#fff)!important;box-shadow:0 16px 36px rgba(8,43,92,.10)!important}
.had-home-hub-card--universities .had-home-hub-card__badge,.had-home-hub-card--request .had-home-hub-card__badge{background:linear-gradient(135deg,#C98C2E,#E4AE52)!important;color:#102D50!important}

.had-english-page{--eng-navy:#082B5C;--eng-blue:#0D4D86;--eng-sky:#2F7FA8;--eng-gold:#D79B37;--eng-ink:#102A46;--eng-muted:#657A90;background:#F5F8FC;color:var(--eng-ink)}
.had-english-page .container{width:min(1180px,calc(100% - 32px))}
.had-english-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(69,134,190,.23),transparent 28%),radial-gradient(circle at 85% 82%,rgba(215,155,55,.19),transparent 30%),linear-gradient(135deg,#041C3E 0%,#082F61 56%,#0B477E 100%);color:#fff}
.had-english-hero::before{content:"";position:absolute;width:420px;height:420px;right:-230px;top:-220px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.had-english-hero::after{content:"";position:absolute;width:330px;height:330px;left:-170px;bottom:-210px;border-radius:42% 58% 55% 45%;background:linear-gradient(140deg,rgba(215,155,55,.20),rgba(255,255,255,.02));transform:rotate(-16deg)}
.had-english-hero__inner{min-height:510px;padding:72px 0 66px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:62px;position:relative;z-index:2}
.had-english-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#DDEAF6;font-size:.6875rem;font-weight:900;backdrop-filter:blur(8px)}
.had-english-kicker i{width:7px;height:7px;border-radius:50%;background:#F0B853;box-shadow:0 0 0 5px rgba(240,184,83,.12)}
.had-english-hero__copy h1{margin:0;color:#fff;font-size:clamp(2.5rem,4.2vw,3.875rem);font-weight:950;line-height:1.32;letter-spacing:-1.7px}
.had-english-hero__copy h1 strong{color:#F0B853;font:inherit}
.had-english-hero__copy>p{max-width:680px;margin:16px 0 0;color:#CADCEC;font-size:.9375rem;font-weight:600;line-height:2}
.had-english-hero__facts{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.had-english-hero__facts>span{min-width:126px;padding:11px 15px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.07);backdrop-filter:blur(9px)}
.had-english-hero__facts b{color:#F2BB58;font-size:1.3125rem;line-height:1}.had-english-hero__facts small{color:#DCE8F4;font-size:.59375rem;font-weight:800}
.had-english-hero__visual{min-height:330px;position:relative;display:grid;place-items:center}
.had-english-level-stack{width:310px;height:300px;position:relative;perspective:700px}
.had-english-level-chip{width:210px;height:62px;padding:9px 17px;position:absolute;right:50%;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.10);box-shadow:0 18px 35px rgba(1,16,37,.18);backdrop-filter:blur(12px);color:#fff;font-size:1.4375rem;font-weight:950;transform:translateX(50%) rotate(-2deg)}
.had-english-level-chip small{font-size:.5rem;font-weight:700;color:#C9D9E8;letter-spacing:.1px}
.had-english-level-chip--c1{top:0;right:43%;z-index:5;background:linear-gradient(135deg,rgba(224,167,68,.24),rgba(255,255,255,.10));border-color:rgba(236,186,99,.32)}
.had-english-level-chip--b2{top:53px;right:50%;z-index:4}.had-english-level-chip--b1{top:106px;right:57%;z-index:3}.had-english-level-chip--a2{top:159px;right:64%;z-index:2}.had-english-level-chip--a1{top:212px;right:71%;z-index:1}
.had-english-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.had-english-orbit--one{width:320px;height:320px}.had-english-orbit--two{width:245px;height:245px;border-color:rgba(216,158,59,.12)}
.had-english-hero__badge{position:absolute;left:-4px;bottom:28px;padding:10px 13px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(4,29,61,.78);box-shadow:0 18px 38px rgba(0,15,35,.23);backdrop-filter:blur(12px)}
.had-english-hero__badge svg{width:26px;height:26px;fill:none;stroke:#F0B853;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-english-hero__badge span{display:grid}.had-english-hero__badge b{font-size:.625rem}.had-english-hero__badge small{color:#B9CCDE;font-size:.46875rem}

.had-english-content{padding:56px 0 82px;min-height:500px;background:linear-gradient(180deg,#F5F8FC,#fff 520px)}
.had-english-alert{max-width:840px;margin:0 auto 24px;padding:13px 16px;display:flex;align-items:center;gap:10px;border:1px solid #EEC9CC;border-radius:14px;background:#FFF5F6;color:#8D2B37;font-size:.75rem;font-weight:800}.had-english-alert svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.had-english-section-head{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.had-english-section-head>div:first-child>span{color:#A4732B;font-size:.625rem;font-weight:950}.had-english-section-head h2{margin:4px 0 6px;color:#123556;font-size:1.875rem;line-height:1.4}.had-english-section-head p{max-width:680px;margin:0;color:#6B7F93;font-size:.75rem}.had-english-section-head__mark{width:96px;height:72px;display:grid;place-items:center;align-content:center;border:1px solid #DDE7F0;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(8,43,92,.05)}.had-english-section-head__mark b{color:#0A447B;font-size:1rem;line-height:1}.had-english-section-head__mark small{margin-top:5px;color:#8A9AAA;font-size:.5rem;font-weight:900}
.had-english-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.had-english-model-card{--model-accent:#0D4D86;--model-soft:#EEF5FB;min-height:310px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #DDE7F0;border-radius:24px;background:linear-gradient(150deg,#fff 0%,var(--model-soft) 130%);box-shadow:0 12px 30px rgba(8,43,92,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.had-english-model-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--model-accent) 28%,#fff);box-shadow:0 20px 42px rgba(8,43,92,.11)}
.had-english-model-card::after{content:"";width:145px;height:145px;position:absolute;left:-72px;top:-75px;border-radius:50%;background:var(--model-accent);opacity:.055}.had-english-model-card--gold{--model-accent:#B97C24;--model-soft:#FFF8EA}.had-english-model-card--navy{--model-accent:#082B5C;--model-soft:#F0F4F8}.had-english-model-card--sky{--model-accent:#347CA0;--model-soft:#EEF8FB}.had-english-model-card--amber{--model-accent:#C48A31;--model-soft:#FFF9EF}
.had-english-model-card__head{display:flex;justify-content:space-between;align-items:center}.had-english-model-card__number{color:#B3C0CD;font-size:.6875rem;font-weight:950;letter-spacing:1px}.had-english-model-card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--model-accent) 9%,#fff);color:var(--model-accent)}.had-english-model-card__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.had-english-model-card__subtitle{margin-top:23px;color:var(--model-accent);font-size:.5625rem;font-weight:950}.had-english-model-card h3{margin:3px 0 8px;color:#173754;font-size:1.3125rem}.had-english-model-card p{margin:0;color:#6D8092;font-size:.6875rem;line-height:1.85}.had-english-model-card__meta{margin:16px 0 18px;display:flex;align-items:center;gap:7px;color:#76889A;font-size:.5rem;font-weight:850}.had-english-model-card__meta i{width:3px;height:3px;border-radius:50%;background:#B7C4D0}.had-english-model-card__action{margin-top:auto;min-height:43px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid color-mix(in srgb,var(--model-accent) 18%,#fff);border-radius:13px;background:#fff;color:var(--model-accent);font-size:.625rem;font-weight:950;box-shadow:0 7px 17px rgba(8,43,92,.045)}.had-english-model-card__action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.had-english-method{margin-top:20px;padding:23px 25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid #DCE7F0;border-radius:22px;background:#fff;box-shadow:0 11px 28px rgba(8,43,92,.055)}.had-english-method__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#EEF5FB,#E5EFF8);color:#0B4D83}.had-english-method__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-english-method>div:nth-child(2)>span{color:#A67227;font-size:.53125rem;font-weight:950}.had-english-method h3{margin:2px 0 4px;color:#173754;font-size:1rem}.had-english-method p{margin:0;color:#728497;font-size:.625rem;line-height:1.8}.had-english-method__levels{display:flex;align-items:center;gap:6px;color:#0B477D;font-size:.5625rem;font-weight:950;white-space:nowrap}.had-english-method__levels i{width:11px;height:1px;background:#D3DFEA}

.had-english-test-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.had-english-test-main,.had-english-test-aside{border:1px solid #DDE7F0;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(8,43,92,.065)}.had-english-test-main{padding:28px}.had-english-test-heading{padding-bottom:20px;border-bottom:1px solid #E9EFF5}.had-english-back{display:inline-flex;align-items:center;gap:5px;color:#60758B;font-size:.5625rem;font-weight:900}.had-english-back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.had-english-test-heading>span{display:block;margin-top:17px;color:#B27B28;font-size:.5625rem;font-weight:950}.had-english-test-heading h2{margin:2px 0 4px;color:#12375A;font-size:1.6875rem}.had-english-test-heading p{margin:0;color:#738699;font-size:.6875rem}.had-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.had-english-progress{margin:22px 0 26px}.had-english-progress>div{margin-bottom:7px;display:flex;justify-content:space-between;gap:12px;color:#738599;font-size:.5625rem;font-weight:900}.had-english-progress>div b{color:#0B4D84}.had-english-progress>i{height:6px;display:block;overflow:hidden;border-radius:999px;background:#EAF0F5}.had-english-progress>i>em{width:0;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#0C4E87,#2A79A8,#D7A143);transition:width .25s ease}
.had-english-question{min-width:0;margin:0 0 16px;padding:24px;border:1px solid #DFE8F0;border-radius:20px;background:linear-gradient(145deg,#fff,#FBFCFE)}.had-english-test.is-enhanced .had-english-question{display:none}.had-english-test.is-enhanced .had-english-question.is-active{display:block;animation:hadEnglishQuestionIn .22s ease both}@keyframes hadEnglishQuestionIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.had-english-question__meta{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.had-english-question__meta span{padding:4px 9px;border-radius:999px;background:#EDF4FA;color:#0D568D;font-size:.5rem;font-weight:950}.had-english-question__meta small{color:#97A6B4;font-size:.5rem;font-weight:850}.had-english-question legend{width:100%;margin:0 0 18px;color:#142F49;font-family:inherit;font-size:1.1875rem;font-weight:800;line-height:1.7;text-align:left}.had-english-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.had-english-options label{min-height:58px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;position:relative;border:1px solid #DFE7EF;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.had-english-options label:hover{border-color:#B9CCDD;background:#F9FBFD;transform:translateY(-1px)}.had-english-options input{position:absolute;opacity:0;pointer-events:none}.had-english-option-key{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#F0F4F8;color:#60778E;font-family:inherit;font-size:.5625rem;font-weight:950}.had-english-option-text{min-width:0;color:#31475C;font-family:inherit;font-size:.6875rem;font-weight:650;line-height:1.55;text-align:left}.had-english-option-check{width:22px;height:22px;display:grid;place-items:center;border:1px solid #D5E0EA;border-radius:50%;color:transparent}.had-english-option-check svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.had-english-options label:has(input:checked){border-color:#76A6C9;background:#F0F7FC;box-shadow:0 0 0 3px rgba(18,94,148,.055)}.had-english-options label:has(input:checked) .had-english-option-key{background:#0D548B;color:#fff}.had-english-options label:has(input:checked) .had-english-option-check{border-color:#0D548B;background:#0D548B;color:#fff}
.had-english-test__message{min-height:20px;margin-top:2px;color:#A0444B;font-size:.5625rem;font-weight:850}.had-english-test__controls{padding-top:14px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #EBF0F5}.had-english-control{min-width:118px;min-height:44px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #D7E2EC;border-radius:13px;background:#fff;color:#38516B;font-size:.625rem;font-weight:950;cursor:pointer}.had-english-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.had-english-control--next,.had-english-control--submit{margin-right:auto;border-color:#0A4178;background:linear-gradient(135deg,#082F63,#0D568D);color:#fff;box-shadow:0 9px 20px rgba(8,43,92,.16)}.had-english-control--submit{background:linear-gradient(135deg,#B47B27,#DAA33E);border-color:#BE8125;color:#102D4E}.had-english-control[hidden]{display:none!important}
.had-english-test-aside{padding:21px;position:sticky;top:118px}.had-english-test-aside__top{padding:18px;border-radius:17px;background:radial-gradient(circle at 0 0,rgba(215,155,55,.18),transparent 40%),linear-gradient(145deg,#082C5D,#0B467D);color:#fff}.had-english-test-aside__top span{display:block;color:#BFD2E3;font-size:.5rem;font-weight:850}.had-english-test-aside__top b{display:block;margin-top:2px;font-size:.9375rem}.had-english-test-aside__stat{padding:15px 4px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #EBF0F4}.had-english-test-aside__stat svg{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:#0D568C;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-english-test-aside__stat span{display:grid}.had-english-test-aside__stat b{color:#29445E;font-size:.59375rem}.had-english-test-aside__stat small{color:#8A9AAA;font-size:.46875rem}.had-english-test-aside__skills{padding:15px 4px 10px;display:grid;gap:7px}.had-english-test-aside__skills>b{margin-bottom:3px;color:#344B62;font-size:.5625rem}.had-english-test-aside__skills span{display:flex;align-items:center;gap:7px;color:#6F8294;font-size:.5rem;font-weight:800}.had-english-test-aside__skills i{width:6px;height:6px;border-radius:50%;background:#D5A03F}.had-english-test-aside>p{margin:10px 0 0;padding:11px;border-radius:12px;background:#F6F8FB;color:#7C8D9D;font-size:.46875rem;line-height:1.7}

.had-english-result{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}.had-english-result__main,.had-english-result__analysis{border:1px solid #DCE6EF;border-radius:25px;background:#fff;box-shadow:0 15px 36px rgba(8,43,92,.07)}.had-english-result__main{padding:34px}.had-english-result__eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:#EEF5FA;color:#0E568B;font-size:.5rem;font-weight:950}.had-english-result__level-row{margin-top:23px;display:flex;align-items:center;gap:25px}.had-english-score-ring{--had-score:0%;width:150px;height:150px;flex:0 0 150px;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(#0E5A90 0 var(--had-score),#E6EDF3 var(--had-score) 100%);box-shadow:0 14px 34px rgba(8,43,92,.10)}.had-english-score-ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #EDF1F5}.had-english-score-ring span{position:relative;z-index:1;display:grid;justify-items:center}.had-english-score-ring b{color:#0B467C;font-size:2.375rem;line-height:1}.had-english-score-ring small{margin-top:5px;color:#8596A6;font-size:.5625rem;font-weight:900}.had-english-result__level-row>div:last-child>small{color:#A6742B;font-size:.5625rem;font-weight:950}.had-english-result__level-row h2{margin:2px 0 6px;color:#123759;font-size:1.6875rem}.had-english-result__level-row p{max-width:520px;margin:0;color:#6D8093;font-size:.6875rem;line-height:1.9}.had-english-result__next{margin-top:28px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;border:1px solid #E7D6B6;border-radius:17px;background:linear-gradient(145deg,#FFFBF3,#FFF7E8)}.had-english-result__next svg{width:27px;height:27px;flex:0 0 auto;fill:none;stroke:#B57B27;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-english-result__next b{color:#6A4C20;font-size:.59375rem}.had-english-result__next p{margin:2px 0 0;color:#806B4B;font-size:.5625rem;line-height:1.7}
.had-english-result__analysis{padding:25px}.had-english-result__analysis-title{display:block;margin-bottom:19px;color:#183A59;font-size:.75rem;font-weight:950}.had-english-skill{margin-bottom:16px}.had-english-skill>div{margin-bottom:6px;display:flex;justify-content:space-between;color:#657A8E;font-size:.5625rem;font-weight:850}.had-english-skill>div b{color:#183D61}.had-english-skill>i{height:7px;display:block;overflow:hidden;border-radius:999px;background:#EAF0F5}.had-english-skill>i>em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#0D568C,#4690B2,#D4A04A)}.had-english-result__note{margin:18px 0;padding:11px;border-radius:12px;background:#F6F8FA;color:#7C8E9F;font-size:.46875rem;line-height:1.7}.had-english-result__actions{display:grid;gap:8px}.had-english-result__actions .btn{width:100%;min-height:43px;font-size:.5625rem}

@media(max-width:980px){
  .had-english-hero__inner{grid-template-columns:1fr .7fr;gap:28px}.had-english-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.had-english-test-shell{grid-template-columns:minmax(0,1fr) 255px}.had-english-result{grid-template-columns:1fr .7fr}
}
@media(max-width:700px){
  .had-english-page .container{width:calc(100% - 18px)!important}
  .had-english-hero{margin:7px 7px 0;border-radius:27px;box-shadow:0 20px 42px rgba(5,30,64,.18)}
  .had-english-hero__inner{min-height:auto;padding:34px 12px 29px!important;display:block;text-align:center}
  .had-english-kicker{padding:6px 9px;font-size:.46875rem}.had-english-kicker i{width:5px;height:5px;box-shadow:0 0 0 4px rgba(240,184,83,.11)}
  .had-english-hero__copy h1{font-size:1.8125rem;line-height:1.35;letter-spacing:-.7px}.had-english-hero__copy>p{margin-top:10px;font-size:.59375rem;line-height:1.85}
  .had-english-hero__facts{margin-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.had-english-hero__facts>span{min-width:0;padding:9px 5px;display:grid;justify-items:center;gap:4px;border-radius:13px}.had-english-hero__facts b{font-size:1rem}.had-english-hero__facts small{font-size:.375rem;line-height:1.4}
  .had-english-hero__visual{display:none}
  .had-english-content{padding:25px 0 60px}
  .had-english-alert{margin-bottom:15px;padding:11px 12px;border-radius:13px;font-size:.5rem}.had-english-alert svg{width:18px;height:18px}
  .had-english-section-head{margin-bottom:17px;display:block}.had-english-section-head>div:first-child>span{font-size:.4375rem}.had-english-section-head h2{margin-top:3px;font-size:1.3125rem}.had-english-section-head p{font-size:.53125rem;line-height:1.75}.had-english-section-head__mark{display:none}
  .had-english-model-grid{grid-template-columns:1fr 1fr;gap:8px}.had-english-model-card{min-height:235px;padding:14px 11px;border-radius:18px}.had-english-model-card:hover{transform:none}.had-english-model-card__icon{width:37px;height:37px;border-radius:12px}.had-english-model-card__icon svg{width:19px;height:19px}.had-english-model-card__number{font-size:.5rem}.had-english-model-card__subtitle{margin-top:14px;font-size:.40625rem}.had-english-model-card h3{margin:2px 0 5px;font-size:.875rem}.had-english-model-card p{font-size:.45rem;line-height:1.7}.had-english-model-card__meta{margin:10px 0 11px;gap:4px;flex-wrap:wrap;font-size:.3625rem}.had-english-model-card__meta i{width:2px;height:2px}.had-english-model-card__action{min-height:36px;padding:7px 9px;border-radius:11px;font-size:.4375rem}.had-english-model-card__action svg{width:14px;height:14px}
  .had-english-method{margin-top:11px;padding:15px;grid-template-columns:auto 1fr;gap:11px;border-radius:18px}.had-english-method__icon{width:43px;height:43px;border-radius:13px}.had-english-method__icon svg{width:22px;height:22px}.had-english-method>div:nth-child(2)>span{font-size:.375rem}.had-english-method h3{font-size:.6875rem}.had-english-method p{font-size:.4375rem;line-height:1.7}.had-english-method__levels{grid-column:1/-1;justify-content:center;padding-top:8px;border-top:1px solid #E9EEF3;font-size:.4375rem}
  .had-english-test-shell{display:block}.had-english-test-main{padding:15px 11px;border-radius:20px}.had-english-test-heading{padding-bottom:13px}.had-english-back{font-size:.4375rem}.had-english-back svg{width:13px;height:13px}.had-english-test-heading>span{margin-top:10px;font-size:.375rem}.had-english-test-heading h2{font-size:1.25rem}.had-english-test-heading p{font-size:.46875rem}.had-english-progress{margin:15px 0 17px}.had-english-progress>div{font-size:.4375rem}.had-english-progress>i{height:5px}
  .had-english-question{padding:15px 10px;border-radius:17px}.had-english-question__meta{margin-bottom:8px}.had-english-question__meta span,.had-english-question__meta small{font-size:.375rem}.had-english-question legend{margin-bottom:12px;font-size:.9375rem;line-height:1.6}.had-english-options{grid-template-columns:1fr;gap:7px}.had-english-options label{min-height:51px;padding:8px 9px;gap:8px;border-radius:12px}.had-english-option-key{width:27px;height:27px;border-radius:8px;font-size:.5rem}.had-english-option-text{font-size:.5625rem}.had-english-option-check{width:20px;height:20px}.had-english-test__message{min-height:17px;font-size:.4375rem}.had-english-test__controls{padding-top:10px}.had-english-control{min-width:92px;min-height:40px;padding:8px 10px;border-radius:11px;font-size:.46875rem}.had-english-control svg{width:14px;height:14px}
  .had-english-test-aside{margin-top:10px;padding:13px;position:static;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.had-english-test-aside__top{grid-column:1/-1;padding:13px;border-radius:14px}.had-english-test-aside__top span{font-size:.375rem}.had-english-test-aside__top b{font-size:.6875rem}.had-english-test-aside__stat{padding:10px 2px}.had-english-test-aside__stat svg{width:19px;height:19px}.had-english-test-aside__stat b{font-size:.4375rem}.had-english-test-aside__stat small{font-size:.34375rem}.had-english-test-aside__skills{grid-column:1/-1;padding:10px 2px 5px;grid-template-columns:repeat(3,1fr)}.had-english-test-aside__skills>b{grid-column:1/-1;font-size:.4375rem}.had-english-test-aside__skills span{font-size:.375rem}.had-english-test-aside>p{grid-column:1/-1;font-size:.3625rem}
  .had-english-result{display:block}.had-english-result__main,.had-english-result__analysis{border-radius:20px}.had-english-result__main{padding:20px 15px}.had-english-result__eyebrow{font-size:.375rem}.had-english-result__level-row{margin-top:17px;display:grid;justify-items:center;text-align:center;gap:13px}.had-english-score-ring{width:118px;height:118px;flex-basis:118px}.had-english-score-ring b{font-size:1.9375rem}.had-english-score-ring small{font-size:.4375rem}.had-english-result__level-row>div:last-child>small{font-size:.40625rem}.had-english-result__level-row h2{font-size:1.25rem}.had-english-result__level-row p{font-size:.5rem}.had-english-result__next{margin-top:18px;padding:12px;gap:8px;border-radius:14px;text-align:right}.had-english-result__next svg{width:22px;height:22px}.had-english-result__next b{font-size:.4375rem}.had-english-result__next p{font-size:.40625rem}.had-english-result__analysis{margin-top:10px;padding:17px}.had-english-result__analysis-title{margin-bottom:13px;font-size:.5625rem}.had-english-skill{margin-bottom:12px}.had-english-skill>div{font-size:.4375rem}.had-english-skill>i{height:6px}.had-english-result__note{font-size:.375rem}.had-english-result__actions .btn{font-size:.46875rem}
  .had-home-hub-card::before{right:22%;left:22%;height:2px}
}
@media(max-width:370px){
  .had-english-model-grid{gap:6px}.had-english-model-card{min-height:226px;padding:12px 9px}.had-english-model-card h3{font-size:.8125rem}.had-english-model-card p{font-size:.41875rem}.had-english-model-card__action{font-size:.4125rem}
}
@media(prefers-reduced-motion:reduce){.had-english-model-card,.had-english-question,.had-english-progress>i>em,.had-english-options label{transition:none!important;animation:none!important}}


/* =========================================================
   v1.0.81 — Unrestricted administrator-controlled homepage Hero
========================================================= */
@media(min-width:701px){
  .home-hero--slider .had-home-hero-primary,
  .home-hero--slider .had-home-hero-primary__inner,
  .home-hero--slider .had-hero-slide--image{
    min-height:var(--had-hero-height-desktop,550px)!important;
  }
}
@media(min-width:1051px){
  .home-hero--slider .had-home-hero-primary__inner{
    padding-top:42px!important;
    padding-bottom:40px!important;
  }
  .home-hero--slider .had-home-hero-primary__visual{min-height:410px!important}
  .home-hero--slider .had-home-hero-visual__dashboard{
    min-height:365px!important;
    padding:19px!important;
  }
  .home-hero--slider .had-home-hero-visual__welcome{margin-top:20px!important}
  .home-hero--slider .had-home-hero-visual__course{margin-top:14px!important}
  .home-hero--slider .had-home-hero-visual__progress{margin-top:12px!important}
  .home-hero--slider .had-home-hero-visual__mini-grid{margin-top:11px!important}
}
@media(max-width:700px){
  .home-hero--slider .had-home-hero-primary,
  .home-hero--slider .had-home-hero-primary__inner,
  .home-hero--slider .had-hero-slide--image{
    min-height:var(--had-hero-height-mobile,350px)!important;
  }
  .home-hero--slider .had-home-hero-primary__inner{
    padding-top:24px!important;
    padding-bottom:27px!important;
  }
  .home-hero--slider .had-home-hero-primary__copy::before{margin-bottom:9px!important}
  .home-hero--slider .had-home-hero-primary__copy>p{margin-top:7px!important}
  .home-hero--slider .had-home-hero-primary__actions{margin-top:13px!important}
  .home-hero--slider .had-home-hero-search{margin-top:11px!important}
}


/* =========================================================
   v1.0.83 — Hero harmony refinement for desktop and mobile
   The homepage Hero now blends with the surface language of
   the cards below it instead of feeling visually detached.
   ========================================================= */
@media(min-width:1051px){
  .home-hero--slider{
    padding:12px 16px 4px!important;
    background:
      radial-gradient(circle at 50% -10%,rgba(17,83,148,.08),transparent 36%),
      linear-gradient(180deg,#F8FBFD 0%,#FFFFFF 82%)!important;
  }
  .home-hero--slider .had-hero-slider__viewport{
    position:relative;
    border:1px solid #DFE7EF!important;
    border-radius:38px!important;
    background:linear-gradient(180deg,#FCFDFE 0%,#F4F8FC 100%)!important;
    box-shadow:0 24px 56px rgba(7,32,64,.09),inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  .home-hero--slider .had-hero-slider__viewport::before,
  .home-hero--slider .had-hero-slider__viewport::after{content:"";position:absolute;pointer-events:none;z-index:0}
  .home-hero--slider .had-hero-slider__viewport::before{
    inset:0;
    background:
      radial-gradient(circle at 11% 10%,rgba(46,118,195,.10),transparent 24%),
      radial-gradient(circle at 88% 12%,rgba(218,167,79,.11),transparent 22%),
      linear-gradient(180deg,rgba(255,255,255,.35),transparent 18%);
  }
  .home-hero--slider .had-hero-slider__viewport::after{
    right:58px;left:58px;bottom:0;height:1px;border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(14,74,128,.18) 18%,rgba(214,154,68,.28) 50%,rgba(14,74,128,.18) 82%,transparent);
  }
  .had-home-hero-primary{
    min-height:var(--had-hero-height-desktop,550px)!important;
    border:0!important;
    border-radius:34px!important;
    background:
      radial-gradient(circle at 12% 18%,rgba(41,111,184,.13),transparent 24%),
      radial-gradient(circle at 88% 16%,rgba(212,154,74,.17),transparent 22%),
      radial-gradient(circle at 78% 86%,rgba(40,102,170,.08),transparent 20%),
      linear-gradient(145deg,#FBFCFE 0%,#F2F7FB 54%,#EDF3F8 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  .had-home-hero-primary:before{
    width:390px!important;height:390px!important;left:-215px!important;top:-210px!important;
    border:1px solid rgba(22,82,140,.08)!important;
    box-shadow:0 0 0 64px rgba(22,82,140,.025),0 0 0 128px rgba(22,82,140,.014)!important;
  }
  .had-home-hero-primary:after{
    width:300px!important;height:300px!important;right:-140px!important;bottom:-170px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(214,156,73,.18) 0%,rgba(214,156,73,.08) 35%,rgba(214,156,73,0) 72%)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .had-home-hero-primary__inner{
    width:min(1180px,calc(100% - 64px))!important;
    min-height:var(--had-hero-height-desktop,550px)!important;
    padding:40px 0 38px!important;
    gap:58px!important;
  }
  .had-home-hero-primary__copy{
    width:100%!important;
    max-width:630px!important;
    padding:34px 34px 32px!important;
    justify-items:start!important;
    align-self:center;
    position:relative;
    border:1px solid rgba(223,232,240,.92);
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(250,252,254,.78));
    box-shadow:0 18px 40px rgba(13,42,78,.06),inset 0 1px 0 rgba(255,255,255,.94);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .had-home-hero-primary__copy::before{width:58px!important;height:5px!important;margin-bottom:16px!important}
  .home-hero--v2 .had-home-hero-primary h1{
    max-width:530px!important;
    color:#0C2E55!important;
    font-size:clamp(2.625rem,3.75vw,3.625rem)!important;
    line-height:1.17!important;
    letter-spacing:-1.65px!important;
    text-align:right!important;
  }
  .home-hero--v2 .had-home-hero-primary h1 span{color:#0C2E55!important;text-shadow:none!important}
  .home-hero--v2 .had-home-hero-primary h1 strong{color:#D79A38!important;text-shadow:none!important}
  .had-home-hero-primary__copy>p{
    max-width:500px!important;
    margin-top:13px!important;
    color:#5E738B!important;
    font-size:.9375rem!important;
    font-weight:700!important;
    line-height:1.9!important;
    text-align:right!important;
  }
  .had-home-hero-primary__actions{justify-content:flex-start!important;margin-top:24px!important;gap:10px!important}
  .had-home-hero-primary__actions a{min-width:176px!important;min-height:52px!important;border-radius:15px!important;font-size:.75rem!important}
  .had-home-hero-primary__start{
    background:linear-gradient(135deg,#E9AE47,#F3C067)!important;
    color:#0F3157!important;
    box-shadow:0 14px 30px rgba(217,156,55,.22),inset 0 1px 0 rgba(255,255,255,.38)!important;
  }
  .had-home-hero-primary__browse{
    border:1px solid #0E4B87!important;
    background:linear-gradient(145deg,#0E467D,#165B97)!important;
    color:#fff!important;
    box-shadow:0 14px 30px rgba(12,63,112,.15),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .had-home-hero-search{
    width:min(100%,510px)!important;
    min-height:58px!important;
    margin-top:18px!important;
    padding:6px 8px 6px 14px!important;
    border:1px solid #DDE8F2!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 14px 30px rgba(8,43,92,.08),inset 0 1px 0 #fff!important;
  }
  .had-home-hero-search input{height:44px!important;color:#173B60!important;font-size:.78125rem!important}
  .had-home-hero-search input::placeholder{color:#8798A8!important}
  .had-home-hero-search button{
    width:42px!important;height:42px!important;flex-basis:42px!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#EFF5FA,#E4EDF5)!important;
    color:#0D4B85!important;
  }
  .had-home-hero-primary__visual{min-height:430px!important;display:grid!important;place-items:center!important}
  .had-home-hero-visual__halo{
    width:440px!important;height:440px!important;
    background:radial-gradient(circle,rgba(56,129,202,.18) 0%,rgba(56,129,202,.07) 38%,rgba(56,129,202,0) 72%),radial-gradient(circle at 70% 26%,rgba(215,161,83,.12),rgba(215,161,83,0) 40%)!important;
  }
  .had-home-hero-visual__halo::before,
  .had-home-hero-visual__halo::after{border-color:rgba(16,77,136,.08)!important}
  .had-home-hero-visual__dashboard{
    width:min(400px,92%)!important;
    min-height:376px!important;
    padding:20px!important;
    border:1px solid #DFE8F1!important;
    border-radius:30px!important;
    background:linear-gradient(150deg,#FFFFFF,#F5F9FC)!important;
    box-shadow:0 26px 56px rgba(13,42,78,.12),inset 0 1px 0 #fff!important;
    transform:rotate(-1.25deg)!important;
  }
  .had-home-hero-visual__dashboard::after{background:radial-gradient(circle,rgba(224,174,90,.10),transparent 70%)!important}
  .had-home-hero-visual__course,
  .had-home-hero-visual__progress,
  .had-home-hero-visual__mini-grid>span{border-color:#E3EBF2!important;box-shadow:0 8px 20px rgba(8,43,92,.045)!important}
  .had-home-hero-visual__float{
    border:1px solid rgba(222,231,240,.92)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 16px 34px rgba(13,42,78,.12)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .home-hero--slider .had-hero-slider__arrow{
    border-color:#DFE7EF!important;
    background:rgba(255,255,255,.93)!important;
    color:#0E4D85!important;
    box-shadow:0 10px 26px rgba(8,43,92,.09)!important;
  }
  .home-hero--slider .had-hero-slider__dots{
    bottom:12px!important;
    border:1px solid rgba(222,231,240,.96)!important;
    background:rgba(255,255,255,.93)!important;
    box-shadow:0 10px 24px rgba(8,43,92,.08)!important;
  }
  .home-hero--slider .had-hero-slider__dots button{background:#BCC8D4!important}
  .home-hero--slider .had-hero-slider__dots button.is-active{background:#D79A38!important}
}

@media(min-width:701px) and (max-width:1050px){
  .home-hero--slider{
    padding:10px 12px 4px!important;
    background:linear-gradient(180deg,#F8FBFD 0%,#FFFFFF 84%)!important;
  }
  .home-hero--slider .had-hero-slider__viewport{
    border:1px solid #E0E8F0!important;
    border-radius:34px!important;
    background:linear-gradient(180deg,#FCFDFE,#F4F8FC)!important;
    box-shadow:0 20px 46px rgba(8,43,92,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .had-home-hero-primary{
    background:
      radial-gradient(circle at 12% 16%,rgba(43,116,191,.14),transparent 24%),
      radial-gradient(circle at 90% 14%,rgba(212,154,74,.16),transparent 22%),
      linear-gradient(145deg,#FBFCFE 0%,#F2F7FB 56%,#EDF4F9 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  .had-home-hero-primary__inner{padding:34px 0 32px!important;gap:18px!important}
  .had-home-hero-primary__copy{
    width:min(690px,100%)!important;
    padding:28px 24px!important;
    justify-items:center!important;
    border:1px solid rgba(223,232,240,.92);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(250,252,254,.78));
    box-shadow:0 14px 30px rgba(13,42,78,.055);
  }
  .home-hero--v2 .had-home-hero-primary h1{color:#0C2E55!important;text-align:center!important;font-size:2.75rem!important}
  .home-hero--v2 .had-home-hero-primary h1 span{color:#0C2E55!important}
  .home-hero--v2 .had-home-hero-primary h1 strong{color:#D79A38!important}
  .had-home-hero-primary__copy>p{max-width:560px!important;color:#5F748C!important;text-align:center!important}
  .had-home-hero-primary__actions{justify-content:center!important}
  .had-home-hero-search{width:min(520px,100%)!important;border:1px solid #DDE8F2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 24px rgba(8,43,92,.07)!important}
  .had-home-hero-search button{border-radius:13px!important;background:linear-gradient(145deg,#EFF5FA,#E4EDF5)!important;color:#0D4B85!important}
}

@media(max-width:700px){
  .home-hero--slider{
    padding:7px 7px 0!important;
    background:linear-gradient(180deg,#F7FAFD 0%,#FFFFFF 100%)!important;
  }
  .home-hero--slider .had-hero-slider__viewport{
    position:relative;
    border:1px solid #E1E9F2!important;
    border-radius:30px!important;
    background:linear-gradient(180deg,#FCFDFE,#F4F8FC)!important;
    box-shadow:0 16px 36px rgba(8,43,92,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;
    filter:none!important;
  }
  .home-hero--slider .had-hero-slider__viewport::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(53,123,195,.08),transparent 26%),radial-gradient(circle at 88% 14%,rgba(219,169,81,.10),transparent 22%)}
  .had-home-hero-primary{
    min-height:var(--had-hero-height-mobile,350px)!important;
    border:0!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 12% 14%,rgba(68,137,206,.16),transparent 30%),
      radial-gradient(circle at 91% 86%,rgba(227,171,79,.18),transparent 28%),
      linear-gradient(160deg,#FAFCFE 0%,#F2F7FB 58%,#ECF4FA 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  .had-home-hero-primary:before{
    width:200px!important;height:200px!important;left:-112px!important;top:-96px!important;
    border-color:rgba(19,85,148,.07)!important;
    box-shadow:0 0 0 32px rgba(19,85,148,.018),0 0 0 64px rgba(19,85,148,.010)!important;
  }
  .had-home-hero-primary:after{
    width:175px!important;height:175px!important;right:-88px!important;bottom:-96px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(220,168,77,.16),rgba(220,168,77,0) 72%)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .had-home-hero-primary__inner{
    width:calc(100% - 18px)!important;
    min-height:var(--had-hero-height-mobile,350px)!important;
    padding:20px 0 22px!important;
    display:grid!important;
    place-items:center!important;
  }
  .had-home-hero-primary__copy{
    width:100%!important;
    padding:18px 15px 16px!important;
    justify-items:center!important;
    border:1px solid rgba(224,232,241,.96);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(250,252,254,.80));
    box-shadow:0 12px 28px rgba(8,43,92,.055),inset 0 1px 0 rgba(255,255,255,.94);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .had-home-hero-primary__copy::before{width:40px!important;height:4px!important;margin-bottom:10px!important}
  .home-hero--v2 .had-home-hero-primary h1{
    font-size:1.9375rem!important;
    line-height:1.24!important;
    letter-spacing:-.8px!important;
    gap:0!important;
    text-align:center!important;
    color:#0C2E55!important;
  }
  .home-hero--v2 .had-home-hero-primary h1 span{color:#0C2E55!important;text-shadow:none!important}
  .home-hero--v2 .had-home-hero-primary h1 strong{color:#D79A38!important;text-shadow:none!important}
  .had-home-hero-primary__copy>p{
    max-width:315px!important;
    margin-top:8px!important;
    color:#61758C!important;
    font-size:.725rem!important;
    font-weight:700!important;
    line-height:1.8!important;
    text-align:center!important;
  }
  .had-home-hero-primary__visual{display:none!important}
  .had-home-hero-primary__actions{width:100%!important;margin-top:15px!important;grid-template-columns:1.08fr .92fr!important;gap:8px!important}
  .had-home-hero-primary__actions a{min-height:46px!important;border-radius:14px!important;font-size:.60625rem!important;box-shadow:none!important}
  .had-home-hero-primary__start{
    background:linear-gradient(135deg,#EAB14A,#F4C168)!important;
    color:#102F54!important;
    box-shadow:0 10px 22px rgba(215,155,57,.22),inset 0 1px 0 rgba(255,255,255,.30)!important;
  }
  .had-home-hero-primary__browse{
    border:1px solid #0E4B87!important;
    background:linear-gradient(145deg,#0E467D,#165A97)!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(12,63,112,.12)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .had-home-hero-search{
    min-height:54px!important;
    margin-top:12px!important;
    padding:5px 7px!important;
    border:1px solid #DCE7F1!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 26px rgba(8,43,92,.07),inset 0 1px 0 #fff!important;
  }
  .had-home-hero-search input{height:42px!important;color:#173B60!important;font-size:.66875rem!important}
  .had-home-hero-search input::placeholder{color:#8A9AA9!important}
  .had-home-hero-search button{
    width:40px!important;height:40px!important;flex-basis:40px!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#EFF5FA,#E4EDF5)!important;
    color:#0D4B85!important;
  }
  .home-hero--slider .had-hero-slide--image{min-height:var(--had-hero-height-mobile,350px)!important;border-radius:28px!important}
  .home-hero--slider .had-hero-slide__media,
  .home-hero--slider .had-hero-slide__media picture,
  .home-hero--slider .had-hero-slide__media img{border-radius:28px!important}
  .home-hero--slider .had-hero-slider__arrow{
    width:32px!important;height:32px!important;
    border:1px solid rgba(224,232,241,.95)!important;
    background:rgba(255,255,255,.94)!important;
    color:#0E4D85!important;
    box-shadow:0 8px 18px rgba(8,43,92,.09)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .home-hero--slider .had-hero-slider__dots{
    bottom:7px!important;
    border:1px solid rgba(224,232,241,.95)!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 7px 16px rgba(8,43,92,.08)!important;
  }
  .home-hero--slider .had-hero-slider__dots button{background:#B7C4D1!important}
  .home-hero--slider .had-hero-slider__dots button.is-active{background:#D79A38!important}
}

@media(max-width:390px){
  .home-hero--slider .had-hero-slider__viewport{border-radius:26px!important}
  .had-home-hero-primary,.home-hero--slider .had-hero-slide--image,.home-hero--slider .had-hero-slide__media,.home-hero--slider .had-hero-slide__media picture,.home-hero--slider .had-hero-slide__media img{border-radius:26px!important}
  .had-home-hero-primary__copy{padding:16px 13px 15px!important;border-radius:21px}
  .home-hero--v2 .had-home-hero-primary h1{font-size:1.75rem!important}
}


/* =========================================================
   v1.0.84 — Mobile Hero redesign inspired by the provided reference
   Keeps current content while reshaping the mobile Hero to a more
   app-like premium card and giving the search bar the same visual logic.
   ========================================================= */
.had-home-hero-search__quick{display:none}

@media(max-width:700px){
  .home-hero--slider{
    padding:8px 8px 0!important;
    background:linear-gradient(180deg,#F5F8FC 0%,#FFFFFF 100%)!important;
  }
  .home-hero--slider .had-hero-slider__viewport{
    border:0!important;
    border-radius:34px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .home-hero--slider .had-hero-slider__viewport::before,
  .home-hero--slider .had-hero-slider__viewport::after{display:none!important}

  .had-home-hero-primary,
  .home-hero--slider .had-hero-slide--image,
  .home-hero--slider .had-hero-slide__media,
  .home-hero--slider .had-hero-slide__media picture,
  .home-hero--slider .had-hero-slide__media img{
    border-radius:34px!important;
  }
  .had-home-hero-primary{
    min-height:var(--had-hero-height-mobile,350px)!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:
      radial-gradient(circle at 15% 13%,rgba(255,255,255,.08),transparent 22%),
      radial-gradient(circle at 88% 80%,rgba(226,166,66,.20),transparent 26%),
      linear-gradient(180deg,#021F4B 0%,#062C63 55%,#0A4A82 100%)!important;
    box-shadow:0 18px 42px rgba(5,30,64,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .had-home-hero-primary:before{
    width:210px!important;height:210px!important;left:-122px!important;top:-94px!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 68px rgba(255,255,255,.010)!important;
  }
  .had-home-hero-primary:after{
    width:180px!important;height:180px!important;right:-92px!important;bottom:-102px!important;
    border-radius:46% 54% 50% 50%!important;
    background:linear-gradient(145deg,rgba(229,170,67,.17),rgba(255,255,255,.02))!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
    transform:rotate(16deg)!important;
  }
  .had-home-hero-primary__inner{
    width:calc(100% - 22px)!important;
    min-height:var(--had-hero-height-mobile,350px)!important;
    padding:20px 0 22px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
  }
  .had-home-hero-primary__copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    justify-items:center!important;
  }
  .had-home-hero-primary__copy::before{
    width:40px!important;height:4px!important;margin-bottom:12px!important;
    background:linear-gradient(90deg,#F2BC5C,#DA972E)!important;
    box-shadow:0 4px 14px rgba(226,166,66,.26)!important;
  }
  .home-hero--v2 .had-home-hero-primary h1{
    font-size:1.9375rem!important;
    line-height:1.28!important;
    letter-spacing:-.85px!important;
    text-align:center!important;
    color:#fff!important;
    gap:2px!important;
  }
  .home-hero--v2 .had-home-hero-primary h1 span{color:#FFFFFF!important;text-shadow:0 3px 18px rgba(0,0,0,.10)!important}
  .home-hero--v2 .had-home-hero-primary h1 strong{color:#F3BD59!important;text-shadow:0 3px 18px rgba(212,154,74,.12)!important}
  .had-home-hero-primary__copy>p{
    max-width:330px!important;
    margin-top:8px!important;
    color:#D4E0ED!important;
    font-size:.70625rem!important;
    font-weight:650!important;
    line-height:1.8!important;
    text-align:center!important;
  }
  .had-home-hero-primary__visual{display:none!important}

  .had-home-hero-primary__actions{
    width:100%!important;
    margin-top:18px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .had-home-hero-primary__actions a{
    min-height:44px!important;
    min-width:0!important;
    padding:8px 10px!important;
    border-radius:15px!important;
    font-size:.56875rem!important;
    justify-content:center!important;
  }
  .had-home-hero-primary__start{
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .had-home-hero-primary__browse{
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .had-home-hero-primary__actions svg{opacity:.92}

  .had-home-hero-search{
    width:100%!important;
    min-height:70px!important;
    margin-top:18px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    direction:rtl!important;
    border:1px solid #E4E8EE!important;
    border-radius:23px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 34px rgba(2,18,40,.18),inset 0 1px 0 #fff!important;
  }
  .had-home-hero-search__icon{
    order:1;
    width:46px!important;height:46px!important;flex:0 0 46px!important;
    border:0!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,#F3F6FA,#E9EEF4)!important;
    color:#41658A!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  .had-home-hero-search__icon svg{width:22px!important;height:22px!important;stroke-width:1.9!important}
  .had-home-hero-search input{
    order:2;
    flex:1 1 auto!important;
    width:auto!important;
    height:46px!important;
    padding:0 6px!important;
    color:#173B60!important;
    font-size:.6875rem!important;
    text-align:right!important;
  }
  .had-home-hero-search input::placeholder{color:#8C9CAB!important}
  .had-home-hero-search__quick{
    order:3;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:84px;
    min-height:40px;
    padding:0 14px;
    border-radius:13px;
    background:linear-gradient(135deg,#D99B35,#C57F22);
    box-shadow:0 8px 18px rgba(201,133,34,.24),inset 0 1px 0 rgba(255,255,255,.24);
    color:#fff;
    font-size:.625rem;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
  }

  .home-hero--slider .had-hero-slider__arrow{
    width:32px!important;height:32px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    background:rgba(255,255,255,.88)!important;
    color:#0B4279!important;
    box-shadow:0 8px 18px rgba(4,28,61,.14)!important;
  }
  .home-hero--slider .had-hero-slider__dots{
    bottom:8px!important;
    padding:4px 7px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 7px 17px rgba(4,28,61,.12)!important;
  }
  .home-hero--slider .had-hero-slider__dots button{background:#AAB9C8!important}
  .home-hero--slider .had-hero-slider__dots button.is-active{background:#D79A38!important}
}

@media(max-width:390px){
  .home-hero--slider .had-hero-slider__viewport,
  .had-home-hero-primary,
  .home-hero--slider .had-hero-slide--image,
  .home-hero--slider .had-hero-slide__media,
  .home-hero--slider .had-hero-slide__media picture,
  .home-hero--slider .had-hero-slide__media img{border-radius:28px!important}
  .home-hero--v2 .had-home-hero-primary h1{font-size:1.75rem!important}
  .had-home-hero-primary__copy>p{font-size:.675rem!important}
  .had-home-hero-primary__actions a{font-size:.5375rem!important}
  .had-home-hero-search{min-height:66px!important;padding:7px 9px!important;border-radius:21px!important}
  .had-home-hero-search__icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:14px!important}
  .had-home-hero-search input{height:42px!important;font-size:.65625rem!important}
  .had-home-hero-search__quick{min-width:76px;min-height:37px;padding:0 12px;font-size:.58125rem}
}


/* =========================================================
   v1.0.85 — Mobile Hero extends behind header + sharp edges
   ========================================================= */
@media(max-width:700px){
  body.home .site-header,
  body.blog .site-header{
    position:relative!important;
    z-index:85!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    padding:7px 0 0!important;
  }
  body.home .site-header::after,
  body.blog .site-header::after{display:none!important}
  body.home .home-hero--slider,
  body.blog .home-hero--slider{
    margin-top:-108px!important;
    padding:100px 0 0!important;
    background:transparent!important;
  }
  body.home .home-hero--slider .had-hero-slider__viewport,
  body.blog .home-hero--slider .had-hero-slider__viewport{
    border-radius:0!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.home .home-hero--slider .had-hero-slider__viewport::before,
  body.home .home-hero--slider .had-hero-slider__viewport::after,
  body.blog .home-hero--slider .had-hero-slider__viewport::before,
  body.blog .home-hero--slider .had-hero-slider__viewport::after{display:none!important}
  body.home .had-home-hero-primary,
  body.home .home-hero--slider .had-hero-slide--image,
  body.home .home-hero--slider .had-hero-slide__media,
  body.home .home-hero--slider .had-hero-slide__media picture,
  body.home .home-hero--slider .had-hero-slide__media img,
  body.blog .had-home-hero-primary,
  body.blog .home-hero--slider .had-hero-slide--image,
  body.blog .home-hero--slider .had-hero-slide__media,
  body.blog .home-hero--slider .had-hero-slide__media picture,
  body.blog .home-hero--slider .had-hero-slide__media img{
    border-radius:0!important;
  }
  body.home .had-home-hero-primary,
  body.blog .had-home-hero-primary{
    min-height:var(--had-hero-height-mobile,350px)!important;
    padding-top:24px!important;
    background:
      radial-gradient(circle at 14% 11%,rgba(255,255,255,.08),transparent 21%),
      radial-gradient(circle at 86% 84%,rgba(228,171,78,.22),transparent 27%),
      linear-gradient(180deg,#021B42 0%,#05285A 51%,#0A487E 100%)!important;
    box-shadow:0 18px 42px rgba(5,30,64,.16)!important;
  }
  body.home .had-home-hero-primary:before,
  body.blog .had-home-hero-primary:before{
    top:-84px!important;
  }
  body.home .had-home-hero-primary__inner,
  body.blog .had-home-hero-primary__inner{
    width:calc(100% - 22px)!important;
    min-height:calc(var(--had-hero-height-mobile,350px) + 78px)!important;
    padding:112px 0 24px!important;
  }
  body.home .header-inner,
  body.blog .header-inner{
    position:relative!important;
    z-index:2!important;
  }
}

@media(max-width:390px){
  body.home .home-hero--slider,
  body.blog .home-hero--slider{margin-top:-102px!important;padding-top:96px!important}
  body.home .had-home-hero-primary__inner,
  body.blog .had-home-hero-primary__inner{padding-top:106px!important}
}


/* =========================================================
   v1.0.86 — Unified mobile opening: header + Hero
   Uses the real sticky-shell height so the dark Hero begins behind the
   header while the administrator's Hero height remains the actual target.
   ========================================================= */
@media(max-width:700px){
  body.home .had-sticky-shell{
    background:transparent!important;
    box-shadow:none!important;
  }
  body.home .site-header{
    padding:5px 0 6px!important;
    border:0!important;
    background:
      radial-gradient(circle at 14% -25%,rgba(71,145,218,.16),transparent 42%),
      linear-gradient(180deg,rgba(2,27,66,.985),rgba(4,38,84,.975))!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .site-header::after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    right:16px!important;left:16px!important;bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(230,177,84,.20),rgba(230,177,84,.72),rgba(230,177,84,.20),transparent)!important;
    pointer-events:none!important;
  }
  body.home .header-inner{
    width:calc(100% - 14px)!important;
    padding:5px 4px 6px!important;
    gap:6px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .header-inner::before{display:none!important}
  body.home .brand{
    min-width:0!important;
    padding:3px 6px!important;
    overflow:hidden;
    border:1px solid rgba(229,176,83,.22)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.95)!important;
    box-shadow:0 7px 18px rgba(0,13,33,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.home .brand img{
    width:104px!important;max-width:104px!important;max-height:39px!important;
    border-radius:8px!important;
    filter:none!important;
  }
  body.home .menu-toggle,
  body.home .cart-link{
    width:42px!important;height:42px!important;flex-basis:42px!important;
    border:1px solid rgba(255,255,255,.17)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.08)!important;
    color:#FFFFFF!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,16,38,.13)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.home .menu-toggle{border-color:rgba(231,181,91,.28)!important}
  body.home .menu-toggle span:not(.screen-reader-text){background:#FFFFFF!important}
  body.home .cart-link__icon{stroke:#FFFFFF!important}
  body.home .had-cart-count{
    background:linear-gradient(135deg,#F0B957,#D7972F)!important;
    border-color:#052A5E!important;
    color:#0B2E52!important;
    box-shadow:0 4px 10px rgba(0,15,35,.18)!important;
  }
  body.home .header-actions{gap:7px!important}
  body.home .global-search>span{
    right:13px!important;top:10px!important;
    color:#F0C16E!important;
  }
  body.home .global-search input{
    height:42px!important;
    padding:8px 39px 8px 12px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.085)!important;
    color:#FFFFFF!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.home .global-search input::placeholder{color:#BFD0E2!important}
  body.home .global-search input:focus{
    border-color:rgba(235,188,103,.54)!important;
    background:rgba(255,255,255,.12)!important;
    box-shadow:0 0 0 3px rgba(225,169,71,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  body.home .suggestions{
    top:48px!important;
    border-color:#D9E4EE!important;
    background:#FFFFFF!important;
    color:#173B60!important;
    box-shadow:0 20px 44px rgba(1,18,42,.20)!important;
  }
  body.home .header-logout{
    border-color:rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.08)!important;
    color:#FFFFFF!important;
    box-shadow:none!important;
  }
  body.home.had-mobile-scrolled .site-header{
    background:linear-gradient(180deg,rgba(2,27,66,.99),rgba(4,38,84,.99))!important;
    box-shadow:0 10px 26px rgba(0,18,43,.18)!important;
  }
  body.home.had-mobile-scrolled .header-inner{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Pull the Hero under the whole fixed mobile shell. The same CSS variable
     is maintained by the existing JS, so this works with or without the
     announcement ticker and with different header heights. */
  body.home .home-hero--slider{
    margin-top:calc(-1 * var(--had-mobile-sticky-height,108px))!important;
    padding:0!important;
    overflow:visible!important;
    background:
      radial-gradient(circle at 14% 8%,rgba(79,151,220,.10),transparent 25%),
      radial-gradient(circle at 87% 78%,rgba(228,171,78,.17),transparent 27%),
      linear-gradient(180deg,#021B42 0%,#05285A 52%,#0A487E 100%)!important;
  }
  body.home .home-hero--slider .had-hero-slider__viewport{
    border-radius:0!important;
    background:transparent!important;
  }
  body.home .had-home-hero-primary{
    min-height:var(--had-hero-height-mobile,350px)!important;
    padding:0!important;
    background:
      radial-gradient(circle at 14% 9%,rgba(255,255,255,.075),transparent 23%),
      radial-gradient(circle at 88% 83%,rgba(228,171,78,.19),transparent 27%),
      linear-gradient(180deg,#021B42 0%,#05285A 52%,#0A487E 100%)!important;
    box-shadow:none!important;
  }
  body.home .had-home-hero-primary__inner{
    width:calc(100% - 22px)!important;
    min-height:var(--had-hero-height-mobile,350px)!important;
    padding:
      calc(var(--had-mobile-sticky-height,108px) + 8px)
      0
      17px!important;
    align-content:center!important;
  }
  body.home .had-home-hero-primary__copy::before{
    width:36px!important;height:3px!important;margin-bottom:8px!important;
  }
  body.home .home-hero--v2 .had-home-hero-primary h1{
    font-size:1.75rem!important;
    line-height:1.22!important;
    letter-spacing:-.65px!important;
  }
  body.home .had-home-hero-primary__copy>p{
    max-width:310px!important;
    margin-top:5px!important;
    font-size:.65625rem!important;
    line-height:1.65!important;
  }
  body.home .had-home-hero-primary__actions{
    margin-top:11px!important;
    gap:7px!important;
  }
  body.home .had-home-hero-primary__actions a{
    min-height:40px!important;
    padding:7px 8px!important;
    border-radius:12px!important;
    font-size:.5375rem!important;
  }
  body.home .had-home-hero-search{
    min-height:60px!important;
    margin-top:11px!important;
    padding:6px 8px!important;
    border-radius:19px!important;
  }
  body.home .had-home-hero-search__icon{
    width:40px!important;height:40px!important;flex-basis:40px!important;
    border-radius:12px!important;
  }
  body.home .had-home-hero-search__icon svg{width:19px!important;height:19px!important}
  body.home .had-home-hero-search input{
    height:40px!important;
    font-size:.6375rem!important;
  }
  body.home .had-home-hero-search__quick{
    min-width:72px!important;
    min-height:35px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:.55rem!important;
  }
}

@media(max-width:390px){
  body.home .brand img{width:98px!important;max-width:98px!important}
  body.home .menu-toggle,body.home .cart-link{width:39px!important;height:39px!important;flex-basis:39px!important}
  body.home .global-search input{height:40px!important;font-size:.675rem!important}
  body.home .global-search>span{top:9px!important}
  body.home .had-home-hero-primary__inner{
    padding-top:calc(var(--had-mobile-sticky-height,104px) + 6px)!important;
    padding-bottom:15px!important;
  }
  body.home .home-hero--v2 .had-home-hero-primary h1{font-size:1.625rem!important}
  body.home .had-home-hero-primary__copy>p{font-size:.625rem!important}
  body.home .had-home-hero-primary__actions a{min-height:38px!important;font-size:.5125rem!important}
  body.home .had-home-hero-search{min-height:57px!important;margin-top:9px!important}
  body.home .had-home-hero-search__quick{min-width:67px!important;font-size:.51875rem!important}
}


/* =========================================================
   v1.0.87 — Clean single-row mobile homepage header
   Logo on one side; menu + cart on the other. Hero owns search.
   ========================================================= */
@media(max-width:700px){
  body.home .header-inner{
    width:calc(100% - 16px)!important;
    min-height:52px!important;
    padding:5px 3px 6px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:7px!important;
    row-gap:0!important;
  }
  body.home .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
  }
  body.home .main-nav{grid-column:1/-1!important}
  body.home .menu-toggle{
    grid-column:4!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
  }
  body.home .header-actions{
    grid-column:3!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
  }
  body.home .header-actions .global-search,
  body.home .header-actions .header-cta,
  body.home .header-actions .header-login,
  body.home .header-actions .header-logout{
    display:none!important;
  }
  body.home .header-actions .cart-link{
    display:grid!important;
    margin:0!important;
  }
  body.home .site-header::after{right:18px!important;left:18px!important}
}

@media(max-width:390px){
  body.home .header-inner{
    width:calc(100% - 14px)!important;
    min-height:49px!important;
    column-gap:6px!important;
    padding:4px 2px 5px!important;
  }
}


/* =========================================================
   v1.0.89 — Home hub cards aligned with Hero/Header palette
   ========================================================= */
.had-home-hub{
  background:
    radial-gradient(circle at 50% 0,rgba(19,78,132,.055),transparent 34%),
    linear-gradient(180deg,#F8FBFD 0%,#FFFFFF 78%)!important;
}
.had-home-hub-card{
  --hub-accent:#0B376C;
  --hub-accent-rgb:11,55,108;
  --hub-soft:#F2F6FA;
  --hub-border:#D9E4EE;
  border-color:var(--hub-border)!important;
  background:
    radial-gradient(circle at 16% 8%,rgba(var(--hub-accent-rgb),.055),transparent 36%),
    linear-gradient(155deg,#FFFFFF 0%,var(--hub-soft) 100%)!important;
  box-shadow:0 10px 26px rgba(5,32,68,.055),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.had-home-hub-card::before{
  right:18%;left:18%;height:3px;
  background:linear-gradient(90deg,transparent,var(--hub-accent),transparent)!important;
  opacity:.82!important;
}
.had-home-hub-card::after{
  width:96px;height:96px;left:-42px;bottom:-52px;
  background:radial-gradient(circle,rgba(var(--hub-accent-rgb),.13),rgba(var(--hub-accent-rgb),0) 70%)!important;
  opacity:1!important;
}

/* Only Had's Navy / Blue / Gold family is used here. */
.had-home-hub-card--ai{
  --hub-accent:#155B91;--hub-accent-rgb:21,91,145;
  --hub-soft:#F0F6FB;--hub-border:#D7E6F2;
}
.had-home-hub-card--explanations{
  --hub-accent:#0B376C;--hub-accent-rgb:11,55,108;
  --hub-soft:#F1F5F9;--hub-border:#D7E1EC;
}
.had-home-hub-card--universities{
  --hub-accent:#D49A3A;--hub-accent-rgb:212,154,58;
  --hub-soft:#FFF9EE;--hub-border:#EEDDBE;
}
.had-home-hub-card--request{
  --hub-accent:#B77D27;--hub-accent-rgb:183,125,39;
  --hub-soft:#FFFAF1;--hub-border:#EAD9BA;
}
.had-home-hub-card--english{
  --hub-accent:#176B9A;--hub-accent-rgb:23,107,154;
  --hub-soft:#EFF7FB;--hub-border:#D4E7F0;
}
.had-home-hub-card--saved{
  --hub-accent:#264F78;--hub-accent-rgb:38,79,120;
  --hub-soft:#F2F6F9;--hub-border:#D8E3EC;
}
.had-home-hub-card .had-home-hub-card__icon{
  border:1px solid rgba(var(--hub-accent-rgb),.08)!important;
  background:linear-gradient(145deg,rgba(var(--hub-accent-rgb),.115),rgba(var(--hub-accent-rgb),.055))!important;
  color:var(--hub-accent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 16px rgba(var(--hub-accent-rgb),.075)!important;
}
.had-home-hub-card strong{color:#12395F!important}
.had-home-hub-card small{color:#6E8296!important}
.had-home-hub-card .had-home-hub-card__arrow{
  border:1px solid rgba(var(--hub-accent-rgb),.07)!important;
  background:rgba(var(--hub-accent-rgb),.07)!important;
  color:var(--hub-accent)!important;
}
.had-home-hub-card__badge{
  background:linear-gradient(135deg,#0B376C,#165B95)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(8,43,92,.15)!important;
}
.had-home-hub-card--universities .had-home-hub-card__badge,
.had-home-hub-card--request .had-home-hub-card__badge{
  background:linear-gradient(135deg,#D19635,#E6B253)!important;
  color:#123457!important;
  box-shadow:0 5px 12px rgba(190,129,36,.18)!important;
}
.had-home-hub-card:hover{
  border-color:rgba(var(--hub-accent-rgb),.32)!important;
  box-shadow:0 17px 38px rgba(5,32,68,.09),0 0 0 1px rgba(var(--hub-accent-rgb),.035)!important;
}

@media(max-width:700px){
  .had-home-hub{
    padding-top:18px!important;
    background:
      radial-gradient(circle at 50% -4%,rgba(12,65,116,.075),transparent 38%),
      linear-gradient(180deg,#F4F8FB 0%,#FFFFFF 86%)!important;
  }
  .had-home-hub-card{
    border-color:var(--hub-border)!important;
    background:
      radial-gradient(circle at 12% 6%,rgba(var(--hub-accent-rgb),.065),transparent 38%),
      linear-gradient(155deg,#FFFFFF 0%,var(--hub-soft) 100%)!important;
    box-shadow:0 10px 24px rgba(5,32,68,.06),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  .had-home-hub-card::before{right:24%;left:24%;height:2px!important}
  .had-home-hub-card .had-home-hub-card__icon{
    background:linear-gradient(145deg,rgba(var(--hub-accent-rgb),.12),rgba(var(--hub-accent-rgb),.05))!important;
  }
  .had-home-hub-card strong{color:#12395F!important}
  .had-home-hub-card small{color:#718498!important}
}


/* =========================================================
   v1.0.90 — Mobile academic flow: content first + compact 3-column cards
   ========================================================= */
@media(max-width:700px){
  /* Remove the large repeated page-title Hero only from the academic browsing flow. */
  body.post-type-archive-had_university .page-hero,
  body.single-had_university .page-hero,
  body.post-type-archive-had_college .page-hero,
  body.single-had_college .page-hero,
  body.tax-had_specialty .page-hero,
  body.post-type-archive-had_course .page-hero,
  body.tax-had_course_type .page-hero{
    display:none!important;
  }

  /* Bring the useful controls/cards immediately below the mobile header. */
  body.post-type-archive-had_university .site-content>.section,
  body.post-type-archive-had_college .site-content>.section,
  body.tax-had_specialty .site-content>.section,
  body.post-type-archive-had_course .course-archive-section,
  body.tax-had_course_type .course-archive-section{
    padding-top:14px!important;
  }
  body.single-had_university .university-colleges-section,
  body.single-had_college .university-specialties-section{
    padding-top:14px!important;
  }

  /* Keep the step heading compact because it now becomes the page's first context. */
  body.single-had_university .university-colleges-section .section-head,
  body.single-had_college .university-specialties-section .section-head,
  body.tax-had_specialty .section-head{
    margin-bottom:13px!important;
    gap:6px!important;
  }
  body.single-had_university .university-colleges-section .section-head h2,
  body.single-had_college .university-specialties-section .section-head h2,
  body.tax-had_specialty .section-head h2{
    font-size:1.12rem!important;
    line-height:1.4!important;
  }
  body.single-had_university .university-colleges-section .section-head p,
  body.single-had_college .university-specialties-section .section-head p,
  body.tax-had_specialty .section-head p{
    margin:2px 0 0!important;
    font-size:.66rem!important;
    line-height:1.7!important;
  }
  body.single-had_university .university-colleges-section .section-kicker,
  body.single-had_college .university-specialties-section .section-kicker,
  body.tax-had_specialty .section-kicker{
    margin-bottom:2px!important;
    padding:4px 7px!important;
    font-size:.5rem!important;
  }
  body.single-had_university .university-colleges-section .entity-count-badge,
  body.single-had_college .university-specialties-section .entity-count-badge,
  body.tax-had_specialty .entity-count-badge{
    padding:5px 8px!important;
    font-size:.48rem!important;
  }

  /* Colleges: three landscape cards per row on mobile. */
  body.single-had_university .college-grid,
  body.post-type-archive-had_college .college-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.single-had_university .college-card,
  body.post-type-archive-had_college .college-card{
    min-height:74px!important;
    padding:8px 7px!important;
    display:grid!important;
    grid-template-columns:31px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:6px!important;
    border:1px solid #DDE7F0!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#FFFFFF 0%,#F5F9FC 100%)!important;
    box-shadow:0 7px 18px rgba(8,43,92,.055)!important;
    text-align:right!important;
  }
  body.single-had_university .college-card__logo,
  body.post-type-archive-had_college .college-card__logo{
    width:31px!important;
    height:31px!important;
    border-radius:9px!important;
    border-color:#DDE7F0!important;
    background:linear-gradient(145deg,#F3F7FB,#EAF2F8)!important;
  }
  body.single-had_university .college-card__logo img,
  body.post-type-archive-had_college .college-card__logo img{
    width:27px!important;
    height:27px!important;
    padding:3px!important;
  }
  body.single-had_university .college-card__body,
  body.post-type-archive-had_college .college-card__body{
    min-width:0!important;
    display:block!important;
  }
  body.single-had_university .college-card__body>strong,
  body.post-type-archive-had_college .college-card__body>strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:#173B60!important;
    font-size:.52rem!important;
    font-weight:900!important;
    line-height:1.45!important;
  }
  body.single-had_university .college-card__body>small,
  body.single-had_university .college-card__specialties,
  body.single-had_university .college-card__arrow,
  body.post-type-archive-had_college .college-card__body>small,
  body.post-type-archive-had_college .college-card__specialties,
  body.post-type-archive-had_college .college-card__arrow{
    display:none!important;
  }
  body.single-had_university .college-card:active,
  body.post-type-archive-had_college .college-card:active{
    transform:scale(.975)!important;
  }

  /* Specialties: convert pills to three compact landscape cards per row. */
  body.single-had_college .entity-specialty-chips{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.single-had_college .entity-specialty-chips a{
    width:100%!important;
    min-width:0!important;
    min-height:68px!important;
    padding:9px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    overflow:hidden!important;
    border:1px solid #DCE7F0!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#FFFFFF 0%,#F4F9FC 100%)!important;
    box-shadow:0 7px 18px rgba(8,43,92,.05)!important;
    color:#173B60!important;
    font-size:.53rem!important;
    font-weight:900!important;
    line-height:1.5!important;
    text-align:center!important;
  }
  body.single-had_college .entity-specialty-chips a::before{
    content:"";
    position:absolute;
    top:0;right:22%;left:22%;
    height:2px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,transparent,#D79A38,transparent);
  }
  body.single-had_college .entity-specialty-chips a::after{
    content:"←";
    position:absolute;
    left:6px;
    bottom:4px;
    color:#0E568B;
    font-size:.55rem;
    font-weight:900;
    opacity:.72;
  }
  body.single-had_college .entity-specialty-chips a:active{
    transform:scale(.975)!important;
  }

  /* Archive college filters stay usable above the 3-column grid. */
  body.post-type-archive-had_college .college-toolbar{
    margin-bottom:12px!important;
    gap:7px!important;
  }
  body.post-type-archive-had_college .college-toolbar input,
  body.post-type-archive-had_college .college-toolbar select,
  body.post-type-archive-had_university .toolbar input{
    min-height:43px!important;
    border-radius:12px!important;
    font-size:.68rem!important;
  }

  /* Course cards themselves remain untouched; only remove the repeated archive hero. */
  body.post-type-archive-had_course .cards-grid,
  body.tax-had_course_type .cards-grid,
  body.tax-had_specialty .cards-grid{
    /* intentionally no grid override */
  }
}

@media(max-width:370px){
  body.single-had_university .college-grid,
  body.post-type-archive-had_college .college-grid,
  body.single-had_college .entity-specialty-chips{gap:5px!important}
  body.single-had_university .college-card,
  body.post-type-archive-had_college .college-card{min-height:70px!important;padding:7px 5px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:5px!important}
  body.single-had_university .college-card__logo,
  body.post-type-archive-had_college .college-card__logo{width:28px!important;height:28px!important}
  body.single-had_university .college-card__logo img,
  body.post-type-archive-had_college .college-card__logo img{width:24px!important;height:24px!important}
  body.single-had_university .college-card__body>strong,
  body.post-type-archive-had_college .college-card__body>strong{font-size:.48rem!important}
  body.single-had_college .entity-specialty-chips a{min-height:64px!important;padding:8px 6px!important;font-size:.49rem!important}
}


/* =========================================================
   v1.0.91 — Mobile academic pages: remove repeated introductions
   ========================================================= */
@media(max-width:700px){
  /* The /universities/ WordPress page uses a dedicated page template, not the CPT archive. */
  .had-academic-catalog-hero{
    display:none!important;
  }
  .had-academic-catalog-hero + .section{
    padding-top:14px!important;
  }

  /* In the drill-down flow, cards/results are the context; remove repeated instructional copy. */
  body.single-had_university .university-colleges-section .section-head,
  body.single-had_college .university-specialties-section .section-head,
  body.tax-had_specialty .section-head{
    display:none!important;
  }

  body.single-had_university .university-colleges-section,
  body.single-had_college .university-specialties-section,
  body.tax-had_specialty .site-content>.section{
    padding-top:12px!important;
  }

  /* Remove the archive intro blocks entirely; keep only practical controls/results. */
  body.post-type-archive-had_university .page-hero,
  body.post-type-archive-had_college .page-hero,
  body.post-type-archive-had_course .course-archive-hero,
  body.tax-had_course_type .course-archive-hero{
    display:none!important;
  }
}

/* =========================================================
   v1.0.92 — Premium mobile course detail experience
   Desktop course layout is intentionally left untouched.
   ========================================================= */
.had-course-mobile-shell,
.had-course-mobile-curriculum,
.had-course-mobile-reviews,
.had-course-mobile-fixed-cta{display:none}

@media(max-width:700px){
  body.single-had_course .course-detail-section{
    padding:7px 0 48px!important;
    background:linear-gradient(180deg,#F3F7FB 0%,#F8FAFD 48%,#FFFFFF 100%)!important;
  }
  body.single-had_course .course-detail-container{width:calc(100% - 12px)!important;max-width:none!important}
  body.single-had_course .course-breadcrumb{display:none!important}
  body.single-had_course .course-detail--premium{display:none!important}
  body.single-had_course .course-detail-side-column{display:none!important}
  body.single-had_course .course-curriculum-card{display:none!important}

  .had-course-mobile-shell{display:block}
  .had-course-mobile-cover{
    height:auto;aspect-ratio:16/9;position:relative;overflow:hidden;
    border:1px solid #DCE6EF;border-radius:24px;
    background:#DCE7F1;box-shadow:0 16px 34px rgba(8,43,92,.10)
  }
  .had-course-mobile-cover img{width:100%;height:100%;object-fit:cover}
  .had-course-mobile-cover__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,23,49,.02) 40%,rgba(3,26,57,.68) 100%);pointer-events:none}
  .had-course-mobile-cover__badges{position:absolute;top:10px;right:10px;left:10px;display:flex;align-items:center;gap:6px}
  .had-course-mobile-cover__badges span{padding:5px 8px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(255,255,255,.92);color:#153B63;font-size:.5rem;font-weight:900;box-shadow:0 6px 15px rgba(4,27,58,.10);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
  .had-course-mobile-cover__badges .is-gold{margin-right:auto;border-color:rgba(245,207,137,.50);background:rgba(11,46,84,.90);color:#F2C873}

  .had-course-mobile-summary{
    width:calc(100% - 12px);margin:-20px auto 0;padding:17px 14px 14px;position:relative;z-index:3;
    border:1px solid #DCE6EF;border-radius:23px;background:rgba(255,255,255,.985);
    box-shadow:0 17px 38px rgba(8,43,92,.10),inset 0 1px 0 #fff
  }
  .had-course-mobile-summary::before{content:"";position:absolute;top:0;right:25%;left:25%;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,#DCA13F,transparent)}
  .had-course-mobile-summary__status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
  .had-course-mobile-summary__status>.status{padding:5px 8px;border-radius:999px;font-size:.5rem;font-weight:900}
  .had-course-mobile-rating{padding:5px 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid #E8D8B7;border-radius:999px;background:#FFF9EE;color:#C38827;font-size:.55rem;font-style:normal}
  .had-course-mobile-rating b{color:#654B25;font-size:.59375rem}.had-course-mobile-rating small{padding-right:4px;border-right:1px solid #E9DCC7;color:#8C7B65;font-size:.45rem}
  .had-course-mobile-summary h1{margin:0;color:#0D3159;font-size:1.5rem;font-weight:950;line-height:1.45;letter-spacing:-.25px}

  .had-course-mobile-university{
    margin-top:9px;padding:8px 9px;display:grid;grid-template-columns:34px auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 8px;
    border:1px solid #E2EAF2;border-radius:13px;background:linear-gradient(145deg,#F8FBFD,#F2F7FB);color:#244966
  }
  .had-course-mobile-university>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#E9F2FA;color:#0D528E}
  .had-course-mobile-university svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .had-course-mobile-university small{grid-column:2/4;color:#8494A4;font-size:.45rem;font-weight:800;line-height:1.3}
  .had-course-mobile-university b{grid-column:2/4;min-width:0;color:#24445F;font-size:.625rem;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .had-course-mobile-price-row{margin-top:9px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #E7ECF2;border-radius:14px;background:#FBFCFE}
  .had-course-mobile-price-row>div:first-child{display:grid;gap:1px}.had-course-mobile-price-row>div:first-child small{color:#8B98A6;font-size:.45rem;font-weight:800}.had-course-mobile-price-row>div:first-child strong{color:#0A467F;font-size:1.2rem;line-height:1.25;font-weight:950}.had-course-mobile-price-row>div:first-child strong *{font-size:inherit!important}
  .had-course-mobile-mini-stats{display:flex;align-items:stretch;gap:5px}
  .had-course-mobile-mini-stats>span{min-width:54px;padding:5px 7px;display:grid;justify-items:center;border-radius:10px;background:#EEF4F9}
  .had-course-mobile-mini-stats b{max-width:64px;color:#244A6A;font-size:.5625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.had-course-mobile-mini-stats small{color:#8A98A6;font-size:.40625rem}

  .had-course-mobile-progress{margin-top:9px;padding:10px 11px;border:1px solid #D8E8E1;border-radius:14px;background:linear-gradient(145deg,#F6FBF8,#F1F8F5)}
  .had-course-mobile-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#557363;font-size:.5rem;font-weight:850}.had-course-mobile-progress>div b{color:#18704E;font-size:.625rem}
  .had-course-mobile-progress>i{height:7px;margin-top:7px;display:block;overflow:hidden;border-radius:999px;background:#DDEAE4}.had-course-mobile-progress>i em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#18825A,#56B586 72%,#D5A245)}
  .had-course-mobile-progress>small{display:block;margin-top:5px;color:#829188;font-size:.43rem;line-height:1.55}

  .had-course-mobile-teacher{margin-top:9px;padding:9px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #E2E9F0;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(8,43,92,.035)}
  .had-course-mobile-teacher img{width:42px;height:42px;object-fit:cover;border:1px solid #DCE5EE;border-radius:13px;background:#EEF3F8}
  .had-course-mobile-teacher>span{min-width:0;display:grid;gap:1px}.had-course-mobile-teacher small{color:#8795A4;font-size:.45rem}.had-course-mobile-teacher b{color:#24425F;font-size:.65625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .had-course-mobile-teacher em{color:#0D528D;font-size:.46875rem;font-style:normal;font-weight:900;white-space:nowrap}

  body.single-had_course .course-detail-body-grid{margin-top:10px!important;display:block!important}
  body.single-had_course .course-detail-main-column{display:grid!important;gap:10px!important}
  .had-course-mobile-curriculum,
  .had-course-mobile-reviews{display:block;padding:15px 12px;border:1px solid #DEE7F0;border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(8,43,92,.05)}
  .had-course-mobile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
  .had-course-mobile-section-head>div{display:grid;gap:1px}.had-course-mobile-section-head small{color:#B27A27;font-size:.45rem;font-weight:900}.had-course-mobile-section-head h2{margin:0;color:#153A5F;font-size:1.1rem;line-height:1.4}.had-course-mobile-section-head>span{padding:5px 8px;border-radius:999px;background:#EEF4F9;color:#45647F;font-size:.46875rem;font-weight:900;white-space:nowrap}

  .had-course-mobile-curriculum-progress{margin:-2px 0 10px;padding:8px 9px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;border-radius:11px;background:#F4F8FB;color:#718295;font-size:.46875rem;font-weight:850}
  .had-course-mobile-curriculum-progress b{color:#0C548A;font-size:.53125rem}.had-course-mobile-curriculum-progress i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:#DEE7EF}.had-course-mobile-curriculum-progress i em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#0D558C,#3D87B5,#D4A048)}
  .had-course-mobile-accordion{display:grid;gap:7px}
  .had-course-mobile-lesson{overflow:hidden;border:1px solid #E2E9F0;border-radius:14px;background:#FBFCFE;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
  .had-course-mobile-lesson[open]{border-color:#CADBE9;background:#fff;box-shadow:0 8px 18px rgba(8,43,92,.055)}
  .had-course-mobile-lesson summary{min-height:56px;padding:8px;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:8px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .had-course-mobile-lesson summary::-webkit-details-marker{display:none}
  .had-course-mobile-lesson__number{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#EAF2F9;color:#0C518B;font-size:.5625rem;font-weight:950}
  .had-course-mobile-lesson__copy{min-width:0;display:grid;gap:1px}.had-course-mobile-lesson__copy b{color:#294763;font-size:.625rem;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.had-course-mobile-lesson__copy small{color:#8B98A6;font-size:.4375rem;line-height:1.4}
  .had-course-mobile-lesson__state{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#F0F4F8;color:#53718D;font-size:.75rem;font-weight:900;transition:transform .18s ease,background .18s ease}
  .had-course-mobile-lesson[open] .had-course-mobile-lesson__state{transform:rotate(45deg);background:#E8F1F8;color:#0C518B}.had-course-mobile-lesson.is-completed .had-course-mobile-lesson__state{transform:none!important;background:#E7F7EF;color:#16704E}.had-course-mobile-lesson.is-locked .had-course-mobile-lesson__state{transform:none!important;background:#F2F3F5;color:#7F8993;font-size:.625rem}
  .had-course-mobile-lesson__body{padding:0 50px 10px 10px}.had-course-mobile-lesson__body p{margin:0;color:#7A8998;font-size:.5rem;line-height:1.7}.had-course-mobile-lesson__body a{margin-top:7px;min-height:35px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;background:linear-gradient(145deg,#0A376E,#115A97);color:#fff;font-size:.5rem;font-weight:900;box-shadow:0 7px 15px rgba(8,43,92,.14)}

  body.single-had_course .course-about-card,
  body.single-had_course .course-benefits-card{padding:15px 12px!important;border-radius:20px!important;box-shadow:0 9px 24px rgba(8,43,92,.05)!important}
  body.single-had_course .course-about-card .course-section-heading>span,
  body.single-had_course .course-benefits-card .course-section-heading>span{display:none!important}
  body.single-had_course .course-about-card .course-section-heading,
  body.single-had_course .course-benefits-card .course-section-heading{margin-bottom:10px!important}
  body.single-had_course .course-about-card .course-section-heading small,
  body.single-had_course .course-benefits-card .course-section-heading small{color:#B27A27!important;font-size:.45rem!important}
  body.single-had_course .course-about-card .course-section-heading h2,
  body.single-had_course .course-benefits-card .course-section-heading h2{font-size:1.05rem!important;color:#153A5F!important}
  body.single-had_course .course-rich-content{font-size:.6875rem!important;line-height:1.95!important;color:#5E7287!important}

  .had-course-mobile-review-track{margin:0 -2px;padding:1px 2px 7px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .had-course-mobile-review-track::-webkit-scrollbar{display:none}
  .had-course-mobile-review-card{flex:0 0 min(82%,280px);min-height:145px;padding:12px;scroll-snap-align:start;border:1px solid #E0E8F0;border-radius:16px;background:linear-gradient(145deg,#FFFFFF,#F8FAFC);box-shadow:0 7px 18px rgba(8,43,92,.04)}
  .had-course-mobile-review-card__head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px}.had-course-mobile-review-card__head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#E8F1F8,#F5F8FB);color:#0D528B;font-size:.75rem;font-weight:950}.had-course-mobile-review-card__head>div{min-width:0;display:grid;gap:1px}.had-course-mobile-review-card__head b{color:#294763;font-size:.59375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.had-course-mobile-review-card__head small{color:#95A0AA;font-size:.40625rem}.had-course-mobile-review-card__head em{color:#D69B35;font-size:.59375rem;font-style:normal;letter-spacing:.5px;white-space:nowrap}
  .had-course-mobile-review-card p{margin:10px 0 0;color:#687C8F;font-size:.5625rem;line-height:1.8}
  .had-course-mobile-reviews-empty{min-height:86px;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #D8E2EC;border-radius:14px;background:#FAFCFE}.had-course-mobile-reviews-empty>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#FFF7E8;color:#C48624;font-size:1.05rem}.had-course-mobile-reviews-empty p{margin:0;display:grid;gap:1px}.had-course-mobile-reviews-empty b{color:#39536B;font-size:.59375rem}.had-course-mobile-reviews-empty small{color:#8997A5;font-size:.4375rem}

  body.single-had_course .course-review-box{margin:0!important;padding:15px 12px!important;border-radius:20px!important;box-shadow:0 9px 24px rgba(8,43,92,.05)!important}
  body.single-had_course .course-review-head h2{font-size:1.05rem!important}
  body.single-had_course .course-review-head p{font-size:.59375rem!important}
  body.single-had_course .course-review-copy textarea{font-size:1rem!important}

  .had-course-mobile-fixed-cta{
    min-height:66px;padding:7px 8px 7px 10px;display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);align-items:center;gap:8px;
    position:fixed;right:7px;left:7px;bottom:max(8px,env(safe-area-inset-bottom,0px));z-index:74;
    border:1px solid rgba(215,226,236,.96);border-radius:20px;background:rgba(255,255,255,.96);
    box-shadow:0 16px 38px rgba(4,27,58,.20),inset 0 1px 0 #fff;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
  }
  body.has-mobile-bottom-nav .had-course-mobile-fixed-cta{bottom:calc(var(--had-mobile-nav-height) + 8px + env(safe-area-inset-bottom,0px))}
  .had-course-mobile-fixed-cta__meta{min-width:0;padding-right:3px;display:grid;gap:0}.had-course-mobile-fixed-cta__meta small{color:#8997A5;font-size:.4375rem;font-weight:850}.had-course-mobile-fixed-cta__meta strong{min-width:0;color:#0A467F;font-size:.75rem;font-weight:950;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.had-course-mobile-fixed-cta__meta strong *{font-size:inherit!important}
  .had-course-mobile-fixed-cta__button{min-height:50px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;background:linear-gradient(135deg,#E5A93F,#F1BC5E);color:#102F54;font-size:.6875rem;font-weight:950;box-shadow:0 10px 22px rgba(210,150,47,.23);text-align:center}
  .had-course-mobile-fixed-cta__button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .had-course-mobile-fixed-cta__button.is-warning{background:linear-gradient(145deg,#0B3A72,#145B99);color:#fff;box-shadow:0 10px 22px rgba(8,43,92,.20)}
  .had-course-mobile-fixed-cta__button.is-disabled{background:#E8EDF2;color:#8793A0;box-shadow:none}
  body.single-had_course{padding-bottom:96px!important}
  body.single-had_course.has-mobile-bottom-nav{padding-bottom:calc(var(--had-mobile-nav-height) + 98px + env(safe-area-inset-bottom,0px))!important}
  body.single-had_course.has-mobile-bottom-nav .had-contact-fab{bottom:calc(var(--had-mobile-nav-height) + 86px + env(safe-area-inset-bottom,0px))!important}
}

@media(max-width:390px){
  .had-course-mobile-summary{width:calc(100% - 8px);padding:15px 12px 13px;border-radius:21px}
  .had-course-mobile-summary h1{font-size:1.375rem}
  .had-course-mobile-price-row{padding:9px 8px}.had-course-mobile-mini-stats>span{min-width:49px;padding-inline:5px}
  .had-course-mobile-teacher{grid-template-columns:39px minmax(0,1fr) auto;padding:8px}.had-course-mobile-teacher img{width:39px;height:39px}
  .had-course-mobile-curriculum,.had-course-mobile-reviews{padding:14px 10px;border-radius:18px}
  .had-course-mobile-lesson summary{grid-template-columns:32px minmax(0,1fr) 27px;gap:7px}.had-course-mobile-lesson__number{width:32px;height:32px}.had-course-mobile-lesson__copy b{font-size:.59375rem}
  .had-course-mobile-review-card{flex-basis:86%}
  .had-course-mobile-fixed-cta{right:5px;left:5px;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);border-radius:18px}.had-course-mobile-fixed-cta__button{padding-inline:9px;font-size:.65625rem}
}

@media(prefers-reduced-motion:reduce){
  .had-course-mobile-lesson,.had-course-mobile-lesson__state{transition:none!important}
  .had-course-mobile-review-track{scroll-behavior:auto!important}
}


/* =========================================================
   v1.0.93 — Lesson player sizing + sidebar overlap fix
   ========================================================= */
body.single-had_lesson,
body.single-had_lesson .site-content{
  max-width:100%;
  overflow-x:clip;
}
body.single-had_lesson .lesson-learning-container{
  width:min(1240px,calc(100% - 32px));
  max-width:1240px;
  min-width:0;
}
body.single-had_lesson .lesson-learning-shell{
  width:100%;
  max-width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) 300px;
}
body.single-had_lesson .lesson-main-column{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
body.single-had_lesson .lesson-player-card{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
body.single-had_lesson .lesson-player-card .video-frame{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  overflow:hidden;
  background:#000;
}
/* Embedded providers keep a predictable widescreen viewport. */
body.single-had_lesson .lesson-player-card .video-frame--embed{
  position:relative;
  height:auto!important;
  aspect-ratio:16/9!important;
}
body.single-had_lesson .lesson-player-card .video-frame--embed iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  display:block!important;
}
/* Native/HLS files use their real media ratio instead of being stretched to 16:9. */
body.single-had_lesson .lesson-player-card .video-frame--native{
  height:auto!important;
  aspect-ratio:auto!important;
  display:block!important;
}
body.single-had_lesson .lesson-player-card .video-frame--native video{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto 16/9;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  display:block!important;
  background:#000!important;
}
/* The course outline remains a normal side column; it no longer floats over a long player while scrolling. */
body.single-had_lesson .lesson-sidebar{
  position:static!important;
  top:auto!important;
  width:100%;
  max-width:300px;
  min-width:0;
  align-self:start;
  z-index:auto;
}
body.single-had_lesson .lesson-course-summary,
body.single-had_lesson .lesson-outline-card{
  max-width:100%;
  min-width:0;
}

/* Fullscreen must still fill the device without cropping the source. */
body.single-had_lesson .lesson-player-card:fullscreen .video-frame,
body.single-had_lesson .lesson-player-card:-webkit-full-screen .video-frame{
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  flex:1 1 auto!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body.single-had_lesson .lesson-player-card:fullscreen .video-frame iframe,
body.single-had_lesson .lesson-player-card:fullscreen .video-frame video,
body.single-had_lesson .lesson-player-card:-webkit-full-screen .video-frame iframe,
body.single-had_lesson .lesson-player-card:-webkit-full-screen .video-frame video{
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

@media(max-width:1050px){
  body.single-had_lesson .lesson-learning-shell{
    grid-template-columns:minmax(0,1fr) 260px;
  }
  body.single-had_lesson .lesson-sidebar{max-width:260px}
}

@media(max-width:700px){
  body.single-had_lesson .lesson-learning-container{
    width:calc(100% - 14px)!important;
    max-width:100%!important;
  }
  body.single-had_lesson .lesson-learning-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.single-had_lesson .lesson-main-column,
  body.single-had_lesson .lesson-player-card,
  body.single-had_lesson .lesson-player-card .video-frame{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.single-had_lesson .lesson-player-card .video-frame--embed{
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
  }
  body.single-had_lesson .lesson-player-card .video-frame--native{
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  body.single-had_lesson .lesson-player-card .video-frame--native video{
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    aspect-ratio:auto 16/9!important;
    object-fit:contain!important;
  }
  body.single-had_lesson .lesson-sidebar{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    top:auto!important;
  }
  body.single-had_lesson .lesson-player-toolbar{
    position:relative;
    z-index:2;
  }
}

@supports not (overflow:clip){
  body.single-had_lesson,
  body.single-had_lesson .site-content{overflow-x:hidden}
}


/* =========================================================
   v1.0.94 — Lesson viewer hard reset
   Full-width media stage first; course context follows below.
   Prevents intrinsic media sizing and the RTL side column from
   expanding/overlapping the player on desktop and mobile.
   ========================================================= */
body.single-had_lesson{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
body.single-had_lesson .had-sticky-shell,
body.single-had_lesson .site-header,
body.single-had_lesson .site-content,
body.single-had_lesson .lesson-learning-page{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden!important;
}
body.single-had_lesson .lesson-learning-container{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  min-width:0!important;
  margin-inline:auto!important;
}
/* The lesson screen is intentionally one vertical flow now. This removes
   the only layout path that allowed the outline column to sit over media. */
body.single-had_lesson .lesson-learning-shell{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  gap:18px!important;
}
body.single-had_lesson .lesson-main-column{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
body.single-had_lesson .lesson-main-column>*{
  min-width:0!important;
  max-width:100%;
}
/* The media card owns its size. Neither iframe attributes nor video
   intrinsic dimensions can contribute to document width. */
body.single-had_lesson .lesson-player-card{
  position:relative!important;
  isolation:isolate!important;
  contain:layout paint!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  direction:rtl;
}
body.single-had_lesson .lesson-player-card .video-frame,
body.single-had_lesson .lesson-player-card .video-frame--embed,
body.single-had_lesson .lesson-player-card .video-frame--native{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#000!important;
  direction:ltr!important;
  box-shadow:none!important;
}
body.single-had_lesson .lesson-player-card .video-frame iframe,
body.single-had_lesson .lesson-player-card .video-frame video,
body.single-had_lesson .lesson-player-card .video-frame--embed iframe,
body.single-had_lesson .lesson-player-card .video-frame--native video{
  position:absolute!important;
  inset:0!important;
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
  zoom:1!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  background:#000!important;
}
/* The native player must never use its encoded dimensions as page layout
   dimensions. A 4:3/portrait source is letterboxed inside 16:9, not cut. */
body.single-had_lesson .lesson-player-card video.had-video{
  aspect-ratio:auto!important;
}
/* Course context is below the viewer, never beside/over it. */
body.single-had_lesson .lesson-sidebar{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  order:2;
}
body.single-had_lesson .lesson-course-summary,
body.single-had_lesson .lesson-outline-card{
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
}
body.single-had_lesson .lesson-outline-list{
  max-height:360px;
}
/* Rich lesson content can contain editor embeds/tables that otherwise
   reintroduce horizontal overflow after the video has been fixed. */
body.single-had_lesson .lesson-content-body,
body.single-had_lesson .lesson-content-body>*{
  max-width:100%;
}
body.single-had_lesson .lesson-content-body img,
body.single-had_lesson .lesson-content-body video,
body.single-had_lesson .lesson-content-body iframe,
body.single-had_lesson .lesson-content-body embed,
body.single-had_lesson .lesson-content-body object{
  max-width:100%!important;
}
body.single-had_lesson .lesson-content-body iframe{
  width:100%!important;
}
body.single-had_lesson .lesson-content-body table,
body.single-had_lesson .lesson-content-body pre{
  max-width:100%;
  overflow:auto;
}
/* Fullscreen deliberately abandons the 16:9 stage and uses all available
   screen space while preserving the complete source frame. */
body.single-had_lesson .lesson-player-card:fullscreen,
body.single-had_lesson .lesson-player-card:-webkit-full-screen{
  contain:none!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  background:#000!important;
}
body.single-had_lesson .lesson-player-card:fullscreen .video-frame,
body.single-had_lesson .lesson-player-card:-webkit-full-screen .video-frame{
  position:relative!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
body.single-had_lesson .lesson-player-card:fullscreen .video-frame iframe,
body.single-had_lesson .lesson-player-card:fullscreen .video-frame video,
body.single-had_lesson .lesson-player-card:-webkit-full-screen .video-frame iframe,
body.single-had_lesson .lesson-player-card:-webkit-full-screen .video-frame video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

@media(max-width:700px){
  body.single-had_lesson .lesson-learning-page{padding-top:10px!important}
  body.single-had_lesson .lesson-learning-container{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
  }
  body.single-had_lesson .lesson-learning-shell{gap:11px!important}
  body.single-had_lesson .lesson-player-card{
    border-radius:15px!important;
    box-shadow:0 12px 28px rgba(5,20,37,.14)!important;
  }
  body.single-had_lesson .lesson-player-toolbar{
    min-height:45px!important;
    padding:7px 8px!important;
  }
  body.single-had_lesson .lesson-player-card .video-frame,
  body.single-had_lesson .lesson-player-card .video-frame--embed,
  body.single-had_lesson .lesson-player-card .video-frame--native{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
  }
  body.single-had_lesson .lesson-sidebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.single-had_lesson .lesson-course-summary{
    grid-template-columns:82px minmax(0,1fr)!important;
  }
  body.single-had_lesson .lesson-outline-list{max-height:280px!important}
}

@media(max-width:390px){
  body.single-had_lesson .lesson-learning-container{
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
  }
  body.single-had_lesson .lesson-player-card{border-radius:12px!important}
}
html.had-lesson-viewer{width:100%;max-width:100%;overflow-x:hidden!important}


/* =========================================================
   v1.0.95 — Professional course details + prominent free preview
   ========================================================= */
.had-course-section-anchor{display:block;position:relative;top:-118px;visibility:hidden}
.had-course-preview-feature{
  margin-top:24px;padding:14px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:22px;
  position:relative;overflow:hidden;border:1px solid #D7E2ED;border-radius:28px;
  background:
    radial-gradient(circle at 92% 10%,rgba(218,161,65,.12),transparent 28%),
    radial-gradient(circle at 8% 90%,rgba(25,95,163,.10),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#F7FAFD 100%);
  box-shadow:0 18px 44px rgba(8,43,92,.08),inset 0 1px 0 rgba(255,255,255,.95)
}
.had-course-preview-feature::before{content:"";position:absolute;top:0;right:9%;left:9%;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,#D79A38 30%,#0F568F 70%,transparent)}
.had-course-preview-feature__media{min-height:245px;position:relative;overflow:hidden;border-radius:21px;background:#092E5D;box-shadow:0 14px 32px rgba(5,30,64,.15)}
.had-course-preview-feature__media img{width:100%;height:100%;min-height:245px;position:absolute;inset:0;object-fit:cover;transition:transform .35s ease}
.had-course-preview-feature__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,22,48,.12),rgba(4,30,64,.72)),linear-gradient(120deg,rgba(6,48,95,.14),rgba(6,48,95,.02))}
.had-course-preview-feature__media:hover img{transform:scale(1.035)}
.had-course-preview-feature__play{width:70px;height:70px;display:grid;place-items:center;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.94);color:#0D4F88;box-shadow:0 13px 30px rgba(2,19,43,.22),0 0 0 10px rgba(255,255,255,.10)}
.had-course-preview-feature__play svg{width:32px;height:32px;fill:currentColor}
.had-course-preview-feature__free{position:absolute;right:13px;top:13px;padding:7px 10px;border:1px solid rgba(244,205,136,.48);border-radius:999px;background:rgba(217,154,56,.94);color:#102F54;font-size:.625rem;font-weight:950;box-shadow:0 7px 16px rgba(3,25,54,.16)}
.had-course-preview-feature__copy{padding:18px 16px 18px 4px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.had-course-preview-feature__eyebrow{padding:6px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid #E5D5B5;border-radius:999px;background:#FFF9EE;color:#9A6820;font-size:.5625rem;font-weight:950}.had-course-preview-feature__eyebrow i{color:#D79A38;font-style:normal;font-size:.5rem}
.had-course-preview-feature__copy h2{margin:10px 0 3px;color:#0D3159;font-size:1.65rem;line-height:1.35;letter-spacing:-.3px}.had-course-preview-feature__copy h3{margin:0;color:#35516C;font-size:.875rem;line-height:1.65}.had-course-preview-feature__copy p{max-width:610px;margin:9px 0 0;color:#718397;font-size:.71875rem;line-height:1.9}
.had-course-preview-feature__meta{margin-top:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.had-course-preview-feature__meta span{padding:5px 8px;border:1px solid #E1E8EF;border-radius:999px;background:#F8FAFC;color:#5F7489;font-size:.53125rem;font-weight:850}
.had-course-preview-feature__cta{width:min(420px,100%);min-height:57px;margin-top:15px;padding:8px 11px 8px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #0D4A83;border-radius:16px;background:linear-gradient(145deg,#0A376E,#105B99);color:#fff;box-shadow:0 12px 26px rgba(8,43,92,.17);transition:transform .18s ease,box-shadow .18s ease}
.had-course-preview-feature__cta:hover{transform:translateY(-2px);box-shadow:0 16px 31px rgba(8,43,92,.22)}
.had-course-preview-feature__cta-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12);color:#F2C16B}.had-course-preview-feature__cta-icon svg{width:22px;height:22px;fill:currentColor}
.had-course-preview-feature__cta>span:nth-child(2){min-width:0;display:grid;gap:0}.had-course-preview-feature__cta b{font-size:.6875rem}.had-course-preview-feature__cta small{color:#C9D9E8;font-size:.5rem}.had-course-preview-feature__cta em{font-size:1rem;font-style:normal;font-weight:950}

.had-course-detail-nav{margin:16px 0 0;padding:7px;display:flex;align-items:center;justify-content:center;gap:7px;position:sticky;top:94px;z-index:12;border:1px solid #DDE6EF;border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(8,43,92,.065);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.had-course-detail-nav a{min-height:37px;padding:7px 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;color:#567089;font-size:.625rem;font-weight:900;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}
.had-course-detail-nav a:hover{border-color:#D7E4EF;background:#F1F6FA;color:#0C4E87}

body.single-had_course .course-detail-body-grid{margin-top:16px}
body.single-had_course .course-section-card{position:relative;overflow:hidden}
body.single-had_course .course-section-card::before{content:"";position:absolute;top:0;right:22px;left:22px;height:2px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,rgba(18,87,145,.22),transparent)}
body.single-had_course .course-about-card{background:linear-gradient(145deg,#FFFFFF,#FBFCFE)}
body.single-had_course .course-benefits-card{background:linear-gradient(145deg,#FFFFFF,#FCFBF8)}
body.single-had_course .course-benefits-card::before{background:linear-gradient(90deg,transparent,rgba(215,154,56,.32),transparent)}
body.single-had_course .course-side-card{border-color:#DDE6EF;box-shadow:0 10px 26px rgba(8,43,92,.045)}
body.single-had_course .course-side-summary{background:linear-gradient(145deg,#fff,#F7FAFD)}

/* Preview lessons stay visually identifiable even inside the full curriculum. */
body.single-had_course .course-lesson-list .lesson-row.is-preview{border-color:#E5C98E;background:linear-gradient(145deg,#FFFDF8,#FFF7E8);box-shadow:0 8px 20px rgba(190,132,35,.07)}
body.single-had_course .course-lesson-list .lesson-row.is-preview>span{background:#FFF0CF;color:#A66B12}
body.single-had_course .course-lesson-list .lesson-row.is-preview .lesson-row-copy strong em{padding:3px 6px;border-radius:999px;background:#D99A35;color:#fff;font-size:.46875rem;font-style:normal}
.had-course-mobile-lesson.is-preview{border-color:#E5C98E!important;background:linear-gradient(145deg,#FFFDF8,#FFF8E9)!important}
.had-course-mobile-lesson.is-preview .had-course-mobile-lesson__number{background:#FFF0CF!important;color:#A66B12!important}
.had-course-mobile-lesson.is-preview .had-course-mobile-lesson__copy small{color:#9D742F!important;font-weight:850}

@media(min-width:701px){
  /* Public reviews are now part of the professional desktop detail page as well. */
  body.single-had_course .had-course-mobile-reviews{display:block;padding:25px;border:1px solid #DEE7F0;border-radius:22px;background:linear-gradient(145deg,#FFFFFF,#F8FAFC);box-shadow:0 12px 32px rgba(15,38,69,.055)}
  body.single-had_course .had-course-mobile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}
  body.single-had_course .had-course-mobile-section-head>div{display:grid;gap:1px}.had-course-mobile-section-head small{color:#A8752A;font-size:.5625rem;font-weight:900}.had-course-mobile-section-head h2{margin:0;color:#203A56;font-size:1.375rem}.had-course-mobile-section-head>span{padding:6px 9px;border:1px solid #E3D4B6;border-radius:999px;background:#FFF9EE;color:#8C6428;font-size:.5625rem;font-weight:900}
  body.single-had_course .had-course-mobile-review-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0;margin:0}
  body.single-had_course .had-course-mobile-review-card{min-height:145px;padding:14px;scroll-snap-align:none;border:1px solid #E0E8F0;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(8,43,92,.035)}
  body.single-had_course .had-course-mobile-review-card__head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px}.had-course-mobile-review-card__head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#EDF4FA;color:#0D528B;font-size:.8125rem;font-weight:950}.had-course-mobile-review-card__head>div{min-width:0;display:grid;gap:1px}.had-course-mobile-review-card__head b{color:#294763;font-size:.65625rem}.had-course-mobile-review-card__head small{color:#95A0AA;font-size:.46875rem}.had-course-mobile-review-card__head em{color:#D69B35;font-size:.625rem;font-style:normal;white-space:nowrap}.had-course-mobile-review-card p{margin:10px 0 0;color:#687C8F;font-size:.625rem;line-height:1.8}
  body.single-had_course .had-course-mobile-reviews-empty{min-height:100px;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #D8E2EC;border-radius:15px;background:#FAFCFE}.had-course-mobile-reviews-empty>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#FFF7E8;color:#C48624;font-size:1.15rem}.had-course-mobile-reviews-empty p{margin:0;display:grid}.had-course-mobile-reviews-empty b{color:#39536B;font-size:.65625rem}.had-course-mobile-reviews-empty small{color:#8997A5;font-size:.5rem}
}

@media(max-width:980px) and (min-width:701px){
  .had-course-preview-feature{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:15px}.had-course-preview-feature__copy{padding:12px 9px 12px 0}.had-course-preview-feature__copy h2{font-size:1.4rem}.had-course-detail-nav{top:84px}
}

@media(max-width:700px){
  .had-course-section-anchor{top:-86px}
  .had-course-preview-feature{
    margin-top:10px;padding:10px;display:grid;grid-template-columns:1fr;gap:0;border-radius:21px;
    background:linear-gradient(145deg,#FFFFFF,#F8FAFD);box-shadow:0 10px 26px rgba(8,43,92,.065)
  }
  .had-course-preview-feature::before{right:20%;left:20%;height:2px}
  .had-course-preview-feature__media{min-height:0;aspect-ratio:16/9;border-radius:16px;box-shadow:0 10px 24px rgba(5,30,64,.13)}
  .had-course-preview-feature__media img{min-height:0}
  .had-course-preview-feature__play{width:54px;height:54px;box-shadow:0 10px 24px rgba(2,19,43,.20),0 0 0 7px rgba(255,255,255,.10)}.had-course-preview-feature__play svg{width:25px;height:25px}
  .had-course-preview-feature__free{right:9px;top:9px;padding:5px 8px;font-size:.5rem}
  .had-course-preview-feature__copy{padding:13px 4px 3px;display:block}
  .had-course-preview-feature__eyebrow{padding:5px 8px;font-size:.46875rem}.had-course-preview-feature__copy h2{margin:7px 0 2px;font-size:1.12rem}.had-course-preview-feature__copy h3{font-size:.6875rem}.had-course-preview-feature__copy p{margin-top:6px;font-size:.5625rem;line-height:1.8}
  .had-course-preview-feature__meta{margin-top:8px;gap:4px}.had-course-preview-feature__meta span{padding:4px 6px;font-size:.4375rem}
  .had-course-preview-feature__cta{width:100%;min-height:52px;margin-top:10px;padding:7px 9px 7px 11px;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;border-radius:14px}.had-course-preview-feature__cta-icon{width:34px;height:34px;border-radius:10px}.had-course-preview-feature__cta-icon svg{width:19px;height:19px}.had-course-preview-feature__cta b{font-size:.59375rem}.had-course-preview-feature__cta small{font-size:.4375rem}

  .had-course-detail-nav{
    margin:9px 0 0;padding:5px 2px;justify-content:flex-start;gap:5px;position:relative;top:auto;overflow-x:auto;scrollbar-width:none;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none
  }
  .had-course-detail-nav::-webkit-scrollbar{display:none}.had-course-detail-nav a{min-height:34px;padding:6px 11px;flex:0 0 auto;border:1px solid #DDE6EF;border-radius:999px;background:#fff;color:#577088;font-size:.5rem;box-shadow:0 5px 12px rgba(8,43,92,.035)}
  body.single-had_course .course-detail-body-grid{margin-top:7px!important}
  body.single-had_course .course-section-card::before{right:25%;left:25%}
  body.single-had_course .had-course-mobile-reviews{scroll-margin-top:82px}
  body.single-had_course .course-about-card,body.single-had_course .course-benefits-card{scroll-margin-top:82px}
}

@media(max-width:390px){
  .had-course-preview-feature{padding:8px;border-radius:18px}.had-course-preview-feature__media{border-radius:14px}.had-course-preview-feature__copy h2{font-size:1.05rem}.had-course-preview-feature__copy p{font-size:.53125rem}.had-course-detail-nav a{padding-inline:10px}
}

@media(prefers-reduced-motion:reduce){
  .had-course-preview-feature__media img,.had-course-preview-feature__cta{transition:none!important}
}

/* v1.0.95 curriculum anchor switches between desktop and mobile layouts. */
.had-course-nav-curriculum--mobile{display:none!important}
@media(max-width:700px){
  .had-course-nav-curriculum--desktop{display:none!important}
  .had-course-nav-curriculum--mobile{display:inline-flex!important}
  #course-curriculum-mobile,#course-about,#course-benefits,#course-reviews{scroll-margin-top:82px}
}
@media(min-width:701px){
  #course-curriculum,#course-about,#course-benefits,#course-reviews{scroll-margin-top:148px}
}

/* v1.0.95 immediate free-preview signal beside the course identity. */
.had-course-preview-jump{margin-top:9px;padding:8px 10px;display:grid;grid-template-columns:27px auto minmax(0,1fr);align-items:center;gap:7px;border:1px solid #E5C98E;border-radius:12px;background:linear-gradient(145deg,#FFFDF8,#FFF5E2);color:#8F601A;box-shadow:0 6px 16px rgba(185,126,29,.06)}
.had-course-preview-jump>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#D99A35;color:#fff;font-size:.625rem}.had-course-preview-jump b{font-size:.59375rem}.had-course-preview-jump small{justify-self:end;color:#A1875E;font-size:.46875rem;font-weight:800}
.had-course-preview-jump--desktop{margin:5px 0 10px}
@media(max-width:700px){.had-course-preview-jump{grid-template-columns:26px auto 1fr;padding:7px 8px;border-radius:11px}.had-course-preview-jump>span{width:26px;height:26px}.had-course-preview-jump b{font-size:.5625rem}.had-course-preview-jump small{font-size:.4375rem}}

/* =========================================================
   v1.0.96 — Course service portal + resources + practice tests
   ========================================================= */
.had-course-service-portal{margin:26px 0 30px;padding:24px;border:1px solid #dfe8f1;border-radius:28px;background:radial-gradient(circle at 8% 8%,rgba(27,94,158,.07),transparent 28%),linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 18px 46px rgba(8,43,92,.07)}
.had-course-service-portal__head{margin-bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.had-course-service-portal__head small{color:#a16e27;font-size:.625rem;font-weight:950}.had-course-service-portal__head h2{margin:2px 0 4px;color:#102f52;font-size:1.55rem;line-height:1.4}.had-course-service-portal__head p{margin:0;color:#708397;font-size:.75rem;line-height:1.8}.had-course-service-portal__head>span{padding:7px 11px;border:1px solid #dce7f1;border-radius:999px;background:#fff;color:#47627e;font-size:.625rem;font-weight:900;white-space:nowrap}
.had-course-service-portal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.had-course-service-card{--service:#5b4ab0;--service-soft:#f3f0ff;--service-border:#dcd5f5;min-height:108px;padding:14px 15px;display:grid;grid-template-columns:56px minmax(0,1fr) 30px;align-items:center;gap:13px;position:relative;overflow:hidden;border:1px solid var(--service-border);border-radius:20px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--service-soft) 52%,#fff));box-shadow:0 8px 22px rgba(8,43,92,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.had-course-service-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,var(--service),transparent);opacity:.48}.had-course-service-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(8,43,92,.085)}.had-course-service-card__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:var(--service-soft);color:var(--service)}.had-course-service-card__icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.had-course-service-card__copy{min-width:0;display:grid;gap:3px}.had-course-service-card__copy b{color:color-mix(in srgb,var(--service) 72%,#122b47);font-size:.9rem;line-height:1.55}.had-course-service-card__copy small{color:#697d92;font-size:.65rem;line-height:1.65}.had-course-service-card>em{width:29px;height:46px;display:grid;place-items:center;border-right:1px solid color-mix(in srgb,var(--service) 17%,#fff);color:var(--service);font-size:2rem;font-style:normal;font-weight:500;line-height:1}.had-course-service-card.is-preview{--service:#6741b4;--service-soft:#f1edfc;--service-border:#d9d0ef}.had-course-service-card.is-resources{--service:#0b8c86;--service-soft:#e9f8f6;--service-border:#cae9e5}.had-course-service-card.is-tests{--service:#c78818;--service-soft:#fff5df;--service-border:#f0ddb5}.had-course-service-card.is-terms{--service:#1674c5;--service-soft:#edf6ff;--service-border:#cfe2f4}.had-course-service-card.is-subscribe{--service:#bb2f67;--service-soft:#fff0f5;--service-border:#efd0dc;grid-column:1/-1}.had-course-service-card.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}

.had-course-service-page{min-height:70vh;background:#f7f9fc}.had-course-service-hero{padding:32px 0;border-bottom:1px solid #e4ebf2;background:radial-gradient(circle at 10% 10%,rgba(30,103,174,.11),transparent 27%),radial-gradient(circle at 88% 85%,rgba(211,157,71,.12),transparent 27%),linear-gradient(180deg,#fff,#f4f8fc)}.had-course-service-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:36px}.had-course-service-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:13px;color:#59728b;font-size:.67rem;font-weight:850}.had-course-service-back span{font-size:1rem}.had-course-service-kicker{display:inline-flex;padding:5px 9px;border:1px solid #dae6f0;border-radius:999px;background:#fff;color:#155688;font-size:.625rem;font-weight:900}.had-course-service-hero__copy h1{margin:8px 0 6px;color:#102e50;font-size:2.15rem;line-height:1.35}.had-course-service-hero__copy>p{max-width:720px;margin:0;color:#687d92;font-size:.82rem;line-height:1.9}.had-course-service-hero__meta{margin-top:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.had-course-service-hero__meta span{padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dce6ef;border-radius:12px;background:rgba(255,255,255,.82);color:#45617c;font-size:.625rem;font-weight:800}.had-course-service-hero__meta svg{width:16px;height:16px;fill:none;stroke:#0e5a92;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-course-service-hero__course{padding:10px;display:grid;grid-template-columns:94px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #dce5ee;border-radius:21px;background:#fff;box-shadow:0 14px 32px rgba(8,43,92,.07)}.had-course-service-hero__course img{width:94px;height:76px;object-fit:cover;border-radius:14px}.had-course-service-hero__course>span{min-width:0;display:grid;gap:2px}.had-course-service-hero__course small{color:#8898a8;font-size:.55rem}.had-course-service-hero__course b{overflow:hidden;color:#173b5d;font-size:.75rem;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.had-course-service-hero__course em{color:#165b91;font-size:.58rem;font-style:normal;font-weight:900}
.had-course-service-content{padding:32px 0 72px}.had-course-service-section-head{margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.had-course-service-section-head small{color:#9b6f30;font-size:.55rem;font-weight:950}.had-course-service-section-head h2{margin:1px 0 0;color:#173959;font-size:1.25rem}.had-course-service-section-head>span{padding:5px 8px;border-radius:999px;background:#eef4f9;color:#5e758c;font-size:.55rem;font-weight:850}
.had-course-resource-lock{margin-bottom:18px;padding:18px 20px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;border:1px solid #ead8b6;border-radius:21px;background:linear-gradient(145deg,#fffcf6,#fff7e8);box-shadow:0 10px 26px rgba(112,77,23,.05)}.had-course-resource-lock__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#fff1d6;color:#b67920}.had-course-resource-lock__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-course-resource-lock small{color:#a0712e;font-size:.55rem;font-weight:950}.had-course-resource-lock h2{margin:1px 0 2px;color:#65481e;font-size:1rem}.had-course-resource-lock p{margin:0;color:#816d4c;font-size:.65rem;line-height:1.75}.had-course-resource-lock .btn{min-width:145px}
.had-course-resources-layout{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.had-course-resources-list,.had-course-resource-viewer{min-width:0}.had-course-resource-card{margin-bottom:9px;padding:11px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dfe8f0;border-radius:17px;background:#fff;box-shadow:0 7px 19px rgba(8,43,92,.035);transition:border-color .18s ease,box-shadow .18s ease}.had-course-resource-card.is-selected{border-color:#aac5db;box-shadow:0 10px 24px rgba(8,43,92,.07)}.had-course-resource-card__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf6fb;color:#0f6491}.had-course-resource-card__icon.is-translation{background:#eaf8f5;color:#078579}.had-course-resource-card__icon.is-extra{background:#fff6e6;color:#b77a1f}.had-course-resource-card__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.had-course-resource-card__copy{min-width:0;display:grid;gap:1px}.had-course-resource-card__copy>span{color:#8b9aaa;font-size:.5rem;font-weight:900}.had-course-resource-card__copy h3{margin:0;overflow:hidden;color:#1c3d5d;font-size:.7rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.had-course-resource-card__copy small{color:#8999a9;font-size:.5rem}.had-course-resource-card__actions{display:grid;gap:4px}.had-course-resource-card__actions a,.had-course-resource-card__actions span{min-width:62px;padding:5px 7px;border-radius:8px;background:#f1f6fa;color:#174e7d;text-align:center;font-size:.5rem;font-weight:900}.had-course-resource-card__actions a:last-child{background:#fff8ea;color:#98671d}.had-course-resource-card__actions span{background:#f5f6f8;color:#8c99a6}.had-course-resource-viewer{position:sticky;top:105px;padding:14px;border:1px solid #dfe8f0;border-radius:22px;background:#fff;box-shadow:0 13px 32px rgba(8,43,92,.05)}.had-course-resource-viewer__head{min-height:50px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.had-course-resource-viewer__head small{color:#8b9aa9;font-size:.5rem}.had-course-resource-viewer__head h2{margin:1px 0 0;color:#183b5d;font-size:.82rem}.had-course-resource-viewer__head>a{padding:6px 9px;border-radius:9px;background:#f0f6fa;color:#155a8e;font-size:.52rem;font-weight:900}.had-course-resource-viewer__frame{height:min(68vh,720px);overflow:hidden;border:1px solid #e2e8ee;border-radius:15px;background:#edf1f5}.had-course-resource-viewer__frame object{width:100%;height:100%;display:block;border:0}.had-course-resource-viewer__mobile-open{display:none}.had-course-resource-viewer__locked{min-height:420px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#72869a}.had-course-resource-viewer__locked svg{width:48px;height:48px;fill:none;stroke:#9babb9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.had-course-resource-viewer__locked h3{margin:3px 0 0;color:#3b5671;font-size:.85rem}.had-course-resource-viewer__locked p{margin:0;font-size:.6rem}.had-course-service-empty{padding:32px 18px;text-align:center;border:1px dashed #cfdbe6;border-radius:19px;background:#fafcfe;color:#718397}.had-course-service-empty>span{width:48px;height:48px;margin:0 auto 8px;display:grid;place-items:center;border-radius:14px;background:#eef4f9;color:#1e608e;font-size:.7rem;font-weight:950}.had-course-service-empty h3{margin:0;color:#36536e;font-size:.82rem}.had-course-service-empty p{margin:4px 0 0;font-size:.6rem;line-height:1.7}.had-course-service-empty--wide{max-width:720px;margin:30px auto}
.had-practice-intro{margin-bottom:20px;padding:21px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;border:1px solid #e6d9bd;border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(211,153,55,.10),transparent 27%),linear-gradient(145deg,#fff,#fffbf4)}.had-practice-intro small{color:#a7752a;font-size:.55rem;font-weight:950}.had-practice-intro h2{margin:2px 0 4px;color:#62481f;font-size:1.25rem}.had-practice-intro p{max-width:760px;margin:0;color:#7e6f58;font-size:.68rem;line-height:1.85}.had-practice-intro__stats{display:flex;gap:8px}.had-practice-intro__stats span{min-width:85px;padding:11px;display:grid;justify-items:center;border:1px solid #eadbbc;border-radius:14px;background:#fff}.had-practice-intro__stats b{color:#b2761d;font-size:1.1rem}.had-practice-intro__stats small{color:#8d7b62;font-size:.5rem}.had-practice-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.had-practice-test-card{min-height:180px;padding:17px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #dfe7ef;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 9px 24px rgba(8,43,92,.045)}.had-practice-test-card::after{content:"";position:absolute;width:110px;height:110px;left:-48px;bottom:-60px;border-radius:50%;background:rgba(18,91,145,.04)}.had-practice-test-card__number{width:38px;height:38px;margin-bottom:12px;display:grid;place-items:center;border-radius:12px;background:#edf5fb;color:#0d5b92;font-size:.65rem;font-weight:950}.had-practice-test-card small{color:#9a732e;font-size:.5rem;font-weight:900}.had-practice-test-card h3{margin:2px 0 5px;color:#193b5b;font-size:.78rem;line-height:1.6}.had-practice-test-card p{margin:0;color:#7d8e9f;font-size:.54rem;line-height:1.65}.had-practice-test-card button{min-height:38px;margin-top:auto;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;background:#0d4e84;color:#fff;font-size:.57rem;font-weight:900;cursor:pointer}.had-practice-test-card button span{font-size:.9rem}
.had-practice-quiz-stage{max-width:900px;margin:26px auto 0;padding:18px;border:1px solid #dbe6ef;border-radius:25px;background:#fff;box-shadow:0 18px 42px rgba(8,43,92,.08)}.had-practice-quiz-stage__close{margin-bottom:12px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e7ee;border-radius:9px;background:#f7f9fb;color:#5a7086;font-size:.65rem;font-weight:900;cursor:pointer}.had-practice-quiz-stage__close>span{font-size:.52rem}.had-practice-quiz__head{padding:16px 17px;border-radius:18px;background:linear-gradient(145deg,#092f5d,#0d558d);color:#fff}.had-practice-quiz__head>span{color:#f2bd60;font-size:.52rem;font-weight:950}.had-practice-quiz__head h2{margin:2px 0 12px;color:#fff;font-size:1.15rem}.had-practice-quiz__head>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.had-practice-quiz__head small{color:#cbdced;font-size:.5rem}.had-practice-quiz__head i{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.16)}.had-practice-quiz__head i em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#e3a545,#f3c36b);transition:width .2s ease}.had-practice-quiz__questions{padding:18px 3px 5px}.had-practice-question{margin:0;padding:0;border:0}.had-practice-quiz.is-enhanced .had-practice-question{display:none}.had-practice-quiz.is-enhanced .had-practice-question.is-active{display:block}.had-practice-question legend{width:100%;margin-bottom:14px;color:#193b5d;font-size:1rem;font-weight:900;line-height:1.75}.had-practice-question legend small{display:block;margin-bottom:2px;color:#a67831;font-size:.52rem}.had-practice-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.had-practice-options label{min-height:58px;padding:9px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:8px;border:1px solid #dfe7ee;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}.had-practice-options label:has(input:checked){border-color:#77a4c6;background:#f2f8fc;box-shadow:0 0 0 3px rgba(23,92,143,.06)}.had-practice-options input{position:absolute;opacity:0;pointer-events:none}.had-practice-option-key{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eef4f9;color:#175a8d;font-size:.6rem;font-weight:950}.had-practice-options b{color:#3a546d;font-size:.65rem;line-height:1.55}.had-practice-options i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #d9e3eb;border-radius:50%;color:transparent;font-size:.55rem;font-style:normal}.had-practice-options label:has(input:checked) i{border-color:#2f8a69;background:#eaf7f1;color:#24825f}.had-practice-quiz__message{min-height:22px;padding:4px 3px;color:#b15735;font-size:.56rem;font-weight:850}.had-practice-quiz__controls{padding-top:10px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1f5}.had-practice-quiz__controls button{min-width:110px;min-height:42px;padding:7px 12px;border:1px solid #dce5ed;border-radius:11px;background:#fff;color:#4f687f;font-size:.58rem;font-weight:900;cursor:pointer}.had-practice-quiz__controls button.is-primary{margin-right:auto;border-color:#0d4e84;background:#0d4e84;color:#fff}.had-practice-quiz__controls button:disabled{opacity:.4;cursor:not-allowed}.had-practice-result{margin-top:13px;padding:22px;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:22px;border:1px solid #dce8e2;border-radius:19px;background:linear-gradient(145deg,#f7fcf9,#fff)}.had-practice-result__ring{--score:0%;width:112px;height:112px;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(#1b8261 0 var(--score),#e3ebe7 var(--score) 100%)}.had-practice-result__ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.had-practice-result__ring b{position:relative;z-index:1;color:#17694f;font-size:1.45rem}.had-practice-result small{color:#719080;font-size:.52rem}.had-practice-result h3{margin:2px 0 4px;color:#235744;font-size:1rem}.had-practice-result p{margin:0;color:#6c8177;font-size:.62rem}.had-practice-result button{margin-top:10px;padding:7px 10px;border:1px solid #cfe1d8;border-radius:9px;background:#fff;color:#267157;font-size:.54rem;font-weight:900;cursor:pointer}

@media(max-width:1000px){.had-course-service-hero__inner{grid-template-columns:1fr 260px}.had-course-resources-layout{grid-template-columns:330px minmax(0,1fr)}.had-practice-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .had-course-service-portal{margin:14px 0 18px;padding:12px;border-radius:20px}.had-course-service-portal__head{margin-bottom:11px;align-items:flex-start}.had-course-service-portal__head h2{font-size:1.05rem}.had-course-service-portal__head p{font-size:.57rem;line-height:1.7}.had-course-service-portal__head>span{padding:5px 7px;font-size:.48rem}.had-course-service-portal__grid{grid-template-columns:1fr;gap:7px}.had-course-service-card,.had-course-service-card.is-subscribe{grid-column:auto;min-height:82px;padding:9px 10px;grid-template-columns:44px minmax(0,1fr) 24px;gap:9px;border-radius:16px}.had-course-service-card__icon{width:44px;height:44px;border-radius:13px}.had-course-service-card__icon svg{width:23px;height:23px}.had-course-service-card__copy b{font-size:.72rem}.had-course-service-card__copy small{font-size:.52rem}.had-course-service-card>em{width:23px;height:38px;font-size:1.5rem}
  .had-course-service-page .container{width:calc(100% - 18px)!important}.had-course-service-hero{padding:18px 0}.had-course-service-hero__inner{display:block}.had-course-service-back{margin-bottom:9px;font-size:.55rem}.had-course-service-kicker{font-size:.5rem}.had-course-service-hero__copy h1{margin-top:6px;font-size:1.55rem}.had-course-service-hero__copy>p{font-size:.62rem;line-height:1.8}.had-course-service-hero__meta{margin-top:10px;gap:5px}.had-course-service-hero__meta span{padding:5px 7px;border-radius:9px;font-size:.48rem}.had-course-service-hero__meta svg{width:14px;height:14px}.had-course-service-hero__course{margin-top:13px;padding:7px;grid-template-columns:72px minmax(0,1fr);border-radius:16px}.had-course-service-hero__course img{width:72px;height:57px;border-radius:11px}.had-course-service-hero__course small{font-size:.45rem}.had-course-service-hero__course b{font-size:.6rem}.had-course-service-hero__course em{font-size:.48rem}.had-course-service-content{padding:18px 0 70px}
  .had-course-resource-lock{padding:12px;grid-template-columns:43px minmax(0,1fr);gap:10px;border-radius:17px}.had-course-resource-lock__icon{width:43px;height:43px;border-radius:13px}.had-course-resource-lock__icon svg{width:22px;height:22px}.had-course-resource-lock h2{font-size:.76rem}.had-course-resource-lock p{font-size:.52rem}.had-course-resource-lock .btn{grid-column:1/-1;width:100%;min-height:39px;font-size:.55rem}.had-course-resources-layout{display:block}.had-course-service-section-head h2{font-size:1rem}.had-course-resource-card{padding:9px;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;border-radius:14px}.had-course-resource-card__icon{width:42px;height:42px;border-radius:12px}.had-course-resource-card__icon svg{width:21px;height:21px}.had-course-resource-card__copy h3{font-size:.6rem}.had-course-resource-card__copy>span,.had-course-resource-card__copy small{font-size:.43rem}.had-course-resource-card__actions a,.had-course-resource-card__actions span{min-width:54px;padding:4px 5px;font-size:.43rem}.had-course-resource-viewer{position:static;margin-top:12px;padding:10px;border-radius:17px}.had-course-resource-viewer__head h2{font-size:.68rem}.had-course-resource-viewer__head>a{font-size:.45rem}.had-course-resource-viewer__frame{display:none}.had-course-resource-viewer__mobile-open{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0d4e84;color:#fff;font-size:.56rem;font-weight:900}.had-course-resource-viewer__locked{min-height:180px}.had-course-resource-viewer__locked svg{width:38px;height:38px}.had-course-resource-viewer__locked h3{font-size:.7rem}.had-course-resource-viewer__locked p{font-size:.5rem}
  .had-practice-intro{padding:13px;display:block;border-radius:17px}.had-practice-intro h2{font-size:.92rem}.had-practice-intro p{font-size:.54rem}.had-practice-intro__stats{margin-top:10px}.had-practice-intro__stats span{min-width:0;flex:1;padding:8px}.had-practice-intro__stats b{font-size:.85rem}.had-practice-test-grid{grid-template-columns:1fr;gap:7px}.had-practice-test-card{min-height:126px;padding:12px 12px 10px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:9px;border-radius:16px}.had-practice-test-card__number{width:36px;height:36px;margin:0;border-radius:11px}.had-practice-test-card h3{font-size:.66rem}.had-practice-test-card p{font-size:.47rem}.had-practice-test-card button{grid-column:1/-1;min-height:37px;margin-top:2px;font-size:.5rem}.had-practice-quiz-stage{margin-top:16px;padding:10px;border-radius:19px}.had-practice-quiz-stage__close{font-size:.54rem}.had-practice-quiz__head{padding:12px;border-radius:14px}.had-practice-quiz__head h2{font-size:.82rem}.had-practice-quiz__questions{padding:14px 1px 3px}.had-practice-question legend{font-size:.77rem;line-height:1.65}.had-practice-options{grid-template-columns:1fr;gap:6px}.had-practice-options label{min-height:51px;padding:7px 8px;grid-template-columns:30px minmax(0,1fr) 20px;border-radius:12px}.had-practice-option-key{width:29px;height:29px;border-radius:9px;font-size:.52rem}.had-practice-options b{font-size:.56rem}.had-practice-quiz__controls button{min-width:90px;min-height:39px;font-size:.5rem}.had-practice-result{padding:14px;grid-template-columns:88px minmax(0,1fr);gap:12px;border-radius:15px}.had-practice-result__ring{width:82px;height:82px}.had-practice-result__ring b{font-size:1rem}.had-practice-result h3{font-size:.75rem}.had-practice-result p{font-size:.5rem}
}
@media(prefers-reduced-motion:reduce){.had-course-service-card,.had-practice-quiz__head i em,.had-practice-options label{transition:none!important}}

/* =========================================================
   v1.0.97 — Course permalink becomes a focused service gateway
   ========================================================= */
.had-course-service-card.is-content{--service:#174f83;--service-soft:#eef5fb;--service-border:#cfe0ee}
.had-course-portal-only{min-height:68vh;padding:42px 0 72px;background:radial-gradient(circle at 10% 8%,rgba(21,83,145,.055),transparent 26%),radial-gradient(circle at 90% 90%,rgba(212,154,74,.06),transparent 24%),linear-gradient(180deg,#f8fbfd 0%,#fff 36%,#f9fbfd 100%)}
.had-course-portal-only__container{width:min(980px,calc(100% - 32px))}
.had-course-portal-only__grid{display:grid;grid-template-columns:1fr;gap:14px}
.had-course-content-bundle{grid-column:1/-1;padding:12px;display:grid;gap:11px;border:1px solid #d7e4ef;border-radius:30px;background:linear-gradient(150deg,#f8fbfe 0%,#f2f7fb 54%,#fbfdff 100%);box-shadow:0 16px 38px rgba(8,43,92,.065),inset 0 1px 0 rgba(255,255,255,.95)}
.had-course-update-strip{margin:0;padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #d8e5f1;border-radius:26px;background:linear-gradient(145deg,#f4f9fd,#eef5fb);box-shadow:0 12px 30px rgba(8,43,92,.06)}
.had-course-update-strip__item{min-width:0;padding:22px 18px;display:grid;justify-items:center;align-content:start;gap:14px;text-align:center;position:relative}
.had-course-update-strip__item+.had-course-update-strip__item::before{content:"";position:absolute;top:18px;bottom:18px;right:100%;width:1px;background:linear-gradient(180deg,rgba(117,151,182,0),rgba(117,151,182,.55) 18%,rgba(117,151,182,.55) 82%,rgba(117,151,182,0))}
.had-course-update-strip__icon{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#ffffff,#f0f7fd);color:#0b5f9b;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(21,83,145,.08)}
.had-course-update-strip__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.had-course-update-strip__copy{min-width:0;display:grid;gap:4px}
.had-course-update-strip__copy strong{margin:0;color:#2b516f;font-size:.92rem;font-weight:900;line-height:1.9}
.had-course-update-strip__copy bdi{color:#083f71;font-size:1.08em}
.had-course-subscription-notice{margin:0;padding:14px 16px;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:13px;border:1px solid #e7d29e;border-radius:20px;background:linear-gradient(145deg,#fffdf8,#fff8e9);box-shadow:0 9px 24px rgba(125,84,20,.055)}
.had-course-subscription-notice__icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#fff0c9;color:#a66b12}
.had-course-subscription-notice__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.had-course-subscription-notice__copy{min-width:0;display:grid;gap:2px}
.had-course-subscription-notice__copy small{color:#9b6a22;font-size:.59rem;font-weight:950}
.had-course-subscription-notice__copy strong{color:#654719;font-size:.86rem;font-weight:900;line-height:1.75}
.had-course-portal-only .had-course-service-card{min-height:118px;padding:16px 18px;grid-template-columns:64px minmax(0,1fr) 34px;gap:16px;border-radius:24px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--service-soft) 56%,#fff));box-shadow:0 12px 30px rgba(8,43,92,.055),inset 0 1px 0 rgba(255,255,255,.96)}
.had-course-content-bundle>.had-course-service-card.is-content{border-color:#c8dceb;background:linear-gradient(145deg,#fff,#edf5fb);box-shadow:0 10px 24px rgba(8,43,92,.055)}
.had-course-portal-only .had-course-service-card::before{width:4px;opacity:.58}
.had-course-portal-only .had-course-service-card__icon{width:64px;height:64px;border-radius:19px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--service) 8%,transparent)}
.had-course-portal-only .had-course-service-card__icon svg{width:32px;height:32px}
.had-course-portal-only .had-course-service-card__copy b{font-size:1rem}
.had-course-portal-only .had-course-service-card__copy small{font-size:.7rem}
.had-course-portal-only .had-course-service-card>em{width:34px;height:54px;font-size:2.15rem}
.had-course-portal-only .had-course-service-card.is-subscribe{grid-column:auto}
.had-course-portal-only .had-course-service-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(8,43,92,.09)}

@media(max-width:700px){
  .had-course-portal-only{min-height:62vh;padding:16px 0 86px;background:linear-gradient(180deg,#f7fafd,#fff 42%,#f9fbfd)}
  .had-course-portal-only__container{width:calc(100% - 18px)!important}
  .had-course-portal-only__grid{gap:8px}
  .had-course-content-bundle{padding:6px;gap:6px;border-radius:22px;box-shadow:0 10px 24px rgba(8,43,92,.05)}
  .had-course-content-bundle>.had-course-service-card.is-content{border-radius:17px;box-shadow:0 6px 16px rgba(8,43,92,.045)}
  .had-course-update-strip{margin:0;padding:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-radius:20px}
  .had-course-update-strip__item{min-height:126px;padding:10px 6px 11px;display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;align-items:start;gap:8px;text-align:center;border:1px solid rgba(206,221,235,.95);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,252,254,.82));box-shadow:0 6px 18px rgba(8,43,92,.04)}
  .had-course-update-strip__item+.had-course-update-strip__item::before{display:none}
  .had-course-update-strip__icon{width:38px;height:38px;border-radius:12px}
  .had-course-update-strip__icon svg{width:19px;height:19px}
  .had-course-update-strip__copy strong{font-size:.54rem;line-height:1.65}
  .had-course-subscription-notice{margin:0;padding:10px 11px;grid-template-columns:40px minmax(0,1fr);gap:9px;border-radius:16px}
  .had-course-subscription-notice__icon{width:40px;height:40px;border-radius:12px}
  .had-course-subscription-notice__icon svg{width:21px;height:21px}
  .had-course-subscription-notice__copy small{font-size:.48rem}
  .had-course-subscription-notice__copy strong{font-size:.64rem;line-height:1.75}
  .had-course-portal-only .had-course-service-card{min-height:86px;padding:10px 11px;grid-template-columns:46px minmax(0,1fr) 25px;gap:10px;border-radius:17px;box-shadow:0 8px 20px rgba(8,43,92,.045)}
  .had-course-portal-only .had-course-service-card__icon{width:46px;height:46px;border-radius:14px}
  .had-course-portal-only .had-course-service-card__icon svg{width:24px;height:24px}
  .had-course-portal-only .had-course-service-card__copy b{font-size:.75rem}
  .had-course-portal-only .had-course-service-card__copy small{font-size:.53rem;line-height:1.6}
  .had-course-portal-only .had-course-service-card>em{width:24px;height:40px;font-size:1.55rem}
  .had-course-portal-only .had-course-service-card:hover{transform:none}
}

/* =========================================================
   v1.0.99 — Premium desktop university archive cards
   Fixes the unscoped SVG arrow rendering and replaces the tall
   archive cards with compact RTL landscape cards on desktop only.
   ========================================================= */
@media(min-width:1051px){
  .university-archive{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch;
  }
  .university-archive .uni-card{
    min-width:0!important;
    min-height:158px!important;
    padding:20px 18px!important;
    position:relative!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:16px!important;
    text-align:right!important;
    border:1px solid #DFE8F1!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 100% 0,rgba(27,87,150,.07),transparent 30%),
      linear-gradient(145deg,#FFFFFF 0%,#FBFCFE 100%)!important;
    box-shadow:0 10px 28px rgba(8,43,92,.055)!important;
    transform:none!important;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
  }
  .university-archive .uni-card::before{
    content:"";
    position:absolute;
    right:-52px;
    bottom:-72px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(19,80,139,.055),transparent 68%);
    pointer-events:none;
  }
  .university-archive .uni-card::after{
    content:"";
    position:absolute;
    top:0;
    right:22px;
    left:22px;
    height:2px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,transparent,rgba(13,74,132,.45),rgba(214,155,62,.72),rgba(13,74,132,.45),transparent);
    opacity:.72;
    pointer-events:none;
  }
  .university-archive .uni-card__logo{
    width:86px!important;
    height:86px!important;
    flex:0 0 86px!important;
    margin:0!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #E1EAF2!important;
    border-radius:21px!important;
    background:linear-gradient(145deg,#F5F9FC,#FFFFFF)!important;
    box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(8,43,92,.065)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
  }
  .university-archive .uni-card__logo-ring{
    position:absolute!important;
    inset:-4px!important;
    border:1px solid rgba(18,78,136,.10)!important;
    border-radius:24px!important;
    pointer-events:none!important;
  }
  .university-archive .uni-card img{
    width:72px!important;
    height:72px!important;
    margin:0!important;
    padding:6px!important;
    object-fit:contain!important;
    border-radius:17px!important;
    background:#fff!important;
  }
  .university-archive .uni-card__content{
    min-width:0!important;
    display:grid!important;
    justify-items:start!important;
    align-content:center!important;
    gap:5px!important;
    text-align:right!important;
  }
  .university-archive .uni-card__content strong{
    width:100%!important;
    margin:0!important;
    color:#173A5E!important;
    font-size:.9375rem!important;
    font-weight:950!important;
    line-height:1.65!important;
    overflow-wrap:anywhere!important;
  }
  .university-archive .uni-card__content small{
    display:block!important;
    color:#7B8EA1!important;
    font-size:.6875rem!important;
    font-weight:750!important;
    line-height:1.5!important;
  }
  .university-archive .uni-card__arrow{
    width:36px!important;
    height:36px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:2!important;
    border:1px solid #DCE7F1!important;
    border-radius:12px!important;
    background:#F2F7FB!important;
    color:#164E83!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
    transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease!important;
  }
  .university-archive .uni-card__arrow svg{
    display:block!important;
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .university-archive .uni-featured-badge{
    top:8px!important;
    left:10px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#173A62,#0D4C86)!important;
    color:#F4D38B!important;
    box-shadow:0 6px 14px rgba(8,43,92,.11)!important;
    font-size:.5625rem!important;
  }
  .university-archive .uni-card.is-featured{
    border-color:#E7D3A8!important;
    background:
      radial-gradient(circle at 100% 0,rgba(213,157,66,.10),transparent 30%),
      linear-gradient(145deg,#FFFDF8 0%,#FFF9EE 100%)!important;
  }
  @media(hover:hover) and (pointer:fine){
    .university-archive .uni-card:hover{
      transform:translateY(-4px)!important;
      border-color:#C7D9E9!important;
      background:#fff!important;
      box-shadow:0 18px 40px rgba(8,43,92,.10)!important;
    }
    .university-archive .uni-card:hover .uni-card__logo{
      transform:translateY(-2px)!important;
      box-shadow:inset 0 1px 0 #fff,0 15px 28px rgba(8,43,92,.10)!important;
    }
    .university-archive .uni-card:hover .uni-card__arrow{
      transform:translateX(-2px)!important;
      border-color:#0E4C85!important;
      background:linear-gradient(145deg,#0D477F,#165B97)!important;
      color:#fff!important;
    }
  }
}

@media(min-width:1051px) and (max-width:1180px){
  .university-archive{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   v1.0.100 — Institutional pages in primary navigation
   ========================================================= */
@media(min-width:1051px){
  .header-inner{
    width:min(1500px,calc(100% - 24px))!important;
    gap:7px!important;
  }
  .brand{
    min-width:128px!important;
    padding-inline:5px!important;
  }
  .brand img{
    width:126px!important;
  }
  .main-nav{
    min-width:0!important;
    flex:1 1 auto!important;
    margin-inline:0!important;
  }
  .had-menu{
    min-width:0!important;
    gap:1px!important;
    flex-wrap:nowrap!important;
  }
  .had-menu>li{
    flex:0 0 auto!important;
  }
  .had-menu>li>a{
    min-height:41px!important;
    padding:9px 7px!important;
    border-radius:11px!important;
    font-size:.6875rem!important;
    white-space:nowrap!important;
  }
  .had-menu>li.had-nav-institutional>a{
    color:#49627B!important;
  }
  .had-menu>li.had-nav-institutional:hover>a,
  .had-menu>li.had-nav-institutional.current-menu-item>a{
    color:#0C4A82!important;
  }
  .header-actions{
    flex:0 0 auto!important;
    margin-right:0!important;
    gap:5px!important;
  }
  .global-search{
    width:clamp(170px,14vw,220px)!important;
  }
  .header-cta,.header-login{
    min-width:88px!important;
    padding-inline:10px!important;
  }
}

/* Preserve every navigation item on medium desktop widths by compacting
   secondary header controls instead of allowing the menu to overlap. */
@media(min-width:1051px) and (max-width:1320px){
  .header-inner{
    width:calc(100% - 14px)!important;
    padding-inline:7px!important;
    gap:4px!important;
  }
  .brand{min-width:112px!important;padding-inline:3px!important}
  .brand img{width:110px!important}
  .had-menu>li>a{
    padding:8px 5px!important;
    font-size:.625rem!important;
  }
  .global-search{width:150px!important;min-width:140px!important}
  .global-search input{
    height:42px!important;
    padding-right:36px!important;
    padding-left:8px!important;
    font-size:.625rem!important;
  }
  .global-search>span{right:10px!important;top:10px!important}
  .cart-link,
  .header-logout,
  .header-cta,
  .header-login{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    flex:0 0 42px!important;
    border-radius:12px!important;
  }
  .header-cta span,
  .header-login span,
  .header-logout span{display:none!important}
  .header-action-icon{width:17px!important;height:17px!important}
}

@media(min-width:1051px) and (max-width:1160px){
  .had-menu>li>a{
    padding-inline:4px!important;
    font-size:.5875rem!important;
  }
  .global-search{width:132px!important;min-width:126px!important}
  .global-search input{font-size:.575rem!important}
}

@media(max-width:1050px){
  .main-nav .had-menu>li.had-nav-institutional--about{
    margin-top:8px!important;
    padding-top:9px!important;
    border-top:1px solid #E5ECF3!important;
  }
  .main-nav .had-menu>li.had-nav-institutional>a{
    color:#294968!important;
  }
}

/* =========================================================
   v1.1.0 — Course content = lectures only; subscription = clean details
   ========================================================= */
.had-course-lessons-page,
.had-course-subscription-page{padding:28px 0 86px;background:linear-gradient(180deg,#F6F9FC 0%,#FFFFFF 54%,#F7FAFD 100%)}
.had-course-lessons-page__container,
.had-course-subscription-page__container{width:min(1180px,calc(100% - 32px))}
.had-course-lessons-breadcrumb,
.had-course-subscription-breadcrumb{margin-bottom:14px;display:flex;align-items:center;gap:7px;color:#8392A2;font-size:.6875rem;font-weight:800}
.had-course-lessons-breadcrumb a,
.had-course-subscription-breadcrumb a{color:#225D91}.had-course-lessons-breadcrumb b,.had-course-subscription-breadcrumb b{color:#40566D}

/* Lecture library */
.had-course-lessons-head{padding:18px;display:grid;grid-template-columns:150px minmax(0,1fr) 230px;align-items:center;gap:20px;overflow:hidden;position:relative;border:1px solid #DCE6EF;border-radius:28px;background:radial-gradient(circle at 92% 8%,rgba(215,154,56,.10),transparent 28%),linear-gradient(145deg,#FFFFFF,#F6F9FC);box-shadow:0 18px 44px rgba(8,43,92,.07)}
.had-course-lessons-head::before{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0D4B85,#D89B39)}
.had-course-lessons-head__media{height:112px;overflow:hidden;position:relative;border:1px solid #DCE6F0;border-radius:20px;background:#EAF0F6}.had-course-lessons-head__media>img{width:100%;height:100%;object-fit:cover}.had-course-lessons-head__media>span{position:absolute;inset:0;margin:auto;width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:15px;background:rgba(8,43,92,.84);color:#fff;box-shadow:0 10px 24px rgba(8,43,92,.20)}.had-course-lessons-head__media svg{width:24px;height:24px;fill:currentColor}
.had-course-lessons-head__copy{min-width:0}.had-course-lessons-head__eyebrow{display:inline-flex;margin-bottom:4px;color:#B47A24;font-size:.625rem;font-weight:950}.had-course-lessons-head__copy h1{margin:0;color:#102F51;font-size:1.65rem;line-height:1.45}.had-course-lessons-head__copy>p{margin:3px 0 0;color:#718396;font-size:.75rem}.had-course-lessons-head__meta{margin-top:10px;display:flex;gap:8px}.had-course-lessons-head__meta>span{min-width:88px;padding:7px 10px;display:flex;align-items:baseline;gap:5px;border:1px solid #E2E9F0;border-radius:11px;background:#F8FAFC}.had-course-lessons-head__meta b{color:#0B4C85;font-size:.875rem}.had-course-lessons-head__meta small{color:#8493A2;font-size:.5625rem;font-weight:800}
.had-course-lessons-head__progress{padding:14px;border:1px solid #DDE7F0;border-radius:17px;background:#fff}.had-course-lessons-head__progress>div{display:flex;justify-content:space-between;gap:10px;color:#657B90;font-size:.6875rem;font-weight:850}.had-course-lessons-head__progress b{color:#0D4C83}.had-course-lessons-head__progress>i{height:8px;margin-top:8px;display:block;overflow:hidden;border-radius:999px;background:#E6EDF3}.had-course-lessons-head__progress>i>em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#0D4B85,#3B81B9 70%,#D79A38)}
.had-course-lessons-head__subscribe{min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;background:linear-gradient(145deg,#0A3A70,#145B98);color:#fff;font-size:.75rem;font-weight:900;box-shadow:0 12px 24px rgba(8,43,92,.16)}
.had-course-lessons-toolbar{margin:29px 2px 13px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.had-course-lessons-toolbar>div>span{color:#B17A28;font-size:.625rem;font-weight:950}.had-course-lessons-toolbar h2{margin:1px 0 0;color:#153654;font-size:1.35rem}.had-course-lessons-toolbar__count{padding:6px 10px;border:1px solid #DCE6EF;border-radius:999px;background:#fff;color:#61778C;font-size:.625rem;font-weight:850}
.had-course-lecture-list{display:grid;gap:11px}
.had-course-lecture-card{min-height:126px;display:grid;grid-template-columns:185px minmax(0,1fr) 145px;align-items:stretch;overflow:hidden;position:relative;border:1px solid #DDE6EF;border-radius:23px;background:#fff;box-shadow:0 9px 26px rgba(8,43,92,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.had-course-lecture-card:hover{transform:translateY(-2px);border-color:#C8D8E7;box-shadow:0 16px 34px rgba(8,43,92,.085)}
.had-course-lecture-card__media{min-height:126px;position:relative;overflow:hidden;background:#E9EFF5}.had-course-lecture-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,26,57,.06),rgba(4,26,57,.23))}.had-course-lecture-card__media>img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.had-course-lecture-card:hover .had-course-lecture-card__media>img{transform:scale(1.035)}.had-course-lecture-card__media>small{position:absolute;right:9px;top:9px;z-index:2;min-width:31px;height:27px;padding:0 6px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(7,39,77,.82);color:#fff;font-size:.625rem;font-weight:950}.had-course-lecture-card__play{position:absolute;z-index:2;inset:0;margin:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:14px;background:rgba(255,255,255,.91);color:#0A4B84;box-shadow:0 9px 22px rgba(5,30,64,.15)}.had-course-lecture-card__play svg{width:22px;height:22px;fill:currentColor}
.had-course-lecture-card__body{min-width:0;padding:17px 20px;display:flex;flex-direction:column;justify-content:center}.had-course-lecture-card__labels{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.had-course-lecture-card__labels>small{color:#8192A3;font-size:.5625rem;font-weight:900}.had-course-lecture-card__labels>em{padding:3px 7px;border-radius:999px;background:#FFF3DD;color:#A86D14;font-size:.5rem;font-style:normal;font-weight:950}.had-course-lecture-card__labels>em.is-done{background:#EAF7F0;color:#257A59}.had-course-lecture-card__body>b{margin-top:5px;color:#153755;font-size:.9375rem;line-height:1.65}.had-course-lecture-card__meta{margin-top:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.had-course-lecture-card__meta small{display:inline-flex;align-items:center;gap:5px;color:#7A8C9E;font-size:.59375rem;font-weight:750}.had-course-lecture-card__meta svg{width:13px;height:13px;fill:none;stroke:#557590;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-course-lecture-card__action{padding:16px;display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid #EDF1F5;background:linear-gradient(145deg,#F9FBFD,#F4F8FB)}.had-course-lecture-card__action small{color:#1B527F;font-size:.625rem;font-weight:900}.had-course-lecture-card__action i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#E8F1F8;color:#0C4E86;font-size:.875rem;font-style:normal;font-weight:950}
.had-course-lecture-card.is-preview{border-color:#E9D3A9;background:linear-gradient(145deg,#fff,#FFFCF5)}.had-course-lecture-card.is-preview::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#D79A38}.had-course-lecture-card.is-completed{border-color:#CCE4D8}.had-course-lecture-card.is-locked .had-course-lecture-card__media>img{filter:saturate(.65)}.had-course-lecture-card.is-locked .had-course-lecture-card__action{background:#F7F8FA}.had-course-lecture-card.is-locked .had-course-lecture-card__action small{color:#718092}
.had-course-lecture-empty{padding:55px 20px;text-align:center;border:1px dashed #C9D6E2;border-radius:24px;background:#fff}.had-course-lecture-empty>span{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:18px;background:#EDF4FA;color:#0C4C83;font-size:1.4rem}.had-course-lecture-empty h2{margin:13px 0 4px;color:#1A3A59;font-size:1.05rem}.had-course-lecture-empty p{margin:0;color:#7B8D9E;font-size:.6875rem}

/* Subscription/details page */
.had-course-subscription-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;border:1px solid #DCE5EE;border-radius:30px;background:#fff;box-shadow:0 20px 50px rgba(8,43,92,.07)}
.had-course-subscription-cover{min-height:450px;position:relative;overflow:hidden;background:#EAF0F5}.had-course-subscription-cover>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.had-course-subscription-cover__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,25,54,.05),rgba(4,25,54,.46))}.had-course-subscription-cover__badges{position:absolute;right:16px;top:16px;left:16px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.had-course-subscription-cover__badges .is-featured{padding:5px 9px;border-radius:999px;background:#F3B84F;color:#173657;font-size:.5625rem;font-weight:950}
.had-course-subscription-summary{padding:38px;align-self:center}.had-course-subscription-kicker{display:inline-flex;margin-bottom:8px;color:#B47B27;font-size:.625rem;font-weight:950}.had-course-subscription-summary h1{margin:0;color:#112F50;font-size:2rem;line-height:1.45}.had-course-subscription-excerpt{margin:9px 0 0;color:#6A7E92;font-size:.8125rem;line-height:1.9}.had-course-subscription-price-row{margin-top:22px;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-block:1px solid #E8EDF2}.had-course-subscription-price-row>div{display:grid}.had-course-subscription-price-row small{color:#8795A4;font-size:.5625rem;font-weight:850}.had-course-subscription-price-row strong{color:#0A4C85;font-size:1.35rem;font-weight:950}.had-course-subscription-price-row strong *{font-size:inherit!important}.had-course-subscription-rating{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #E7D7B8;border-radius:12px;background:#FFF9EE;color:#B1761D;font-size:.75rem}.had-course-subscription-rating small{color:#8A7656}
.had-course-subscription-state{margin-top:16px;padding:12px 14px;display:grid;gap:2px;border:1px solid #DDE7F0;border-radius:14px;background:#F6F9FC}.had-course-subscription-state b{color:#244A6D;font-size:.6875rem}.had-course-subscription-state span{color:#788B9D;font-size:.59375rem}.had-course-subscription-state.is-success{border-color:#CDE5D9;background:#F1FAF5}.had-course-subscription-state.is-success b{color:#247353}.had-course-subscription-state.is-warning{border-color:#EAD6AC;background:#FFF9ED}.had-course-subscription-state.is-warning b{color:#9A6A21}.had-course-subscription-state.is-closed{background:#F5F6F8;color:#697887}
.had-course-subscription-actions{margin-top:13px;display:flex;gap:8px;flex-wrap:wrap}.had-course-subscription-actions .btn{min-height:47px;flex:1 1 150px;border-radius:13px;font-size:.6875rem}.had-course-subscription-assurance{margin-top:12px;display:flex;align-items:center;gap:8px}.had-course-subscription-assurance>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#EAF7F0;color:#21815B;font-size:.6875rem;font-weight:950}.had-course-subscription-assurance p{margin:0;display:grid}.had-course-subscription-assurance b{color:#405C75;font-size:.59375rem}.had-course-subscription-assurance small{color:#8B98A5;font-size:.5rem}
.had-course-subscription-facts{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.had-course-subscription-facts>a,.had-course-subscription-facts>div{min-width:0;min-height:75px;padding:12px 13px;display:grid;align-content:center;gap:2px;border:1px solid #DEE7EF;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(8,43,92,.035)}.had-course-subscription-facts small{color:#8997A5;font-size:.5rem;font-weight:850}.had-course-subscription-facts b{overflow:hidden;color:#294967;font-size:.6875rem;line-height:1.55;text-overflow:ellipsis}
.had-course-subscription-body{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:15px}.had-course-subscription-main{display:grid;gap:13px}.had-course-subscription-section{padding:24px;border:1px solid #DDE6EF;border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(8,43,92,.04)}.had-course-subscription-section__head{margin-bottom:16px;display:flex;align-items:center;gap:10px}.had-course-subscription-section__head>span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#EDF4FA;color:#0C4D85;font-size:.625rem;font-weight:950}.had-course-subscription-section__head>div{display:grid}.had-course-subscription-section__head small{color:#A2783B;font-size:.5rem;font-weight:900}.had-course-subscription-section__head h2{margin:0;color:#173958;font-size:1.05rem}.had-course-subscription-section__head>em{margin-right:auto;padding:5px 8px;border-radius:999px;background:#FFF5E3;color:#B77C23;font-size:.625rem;font-style:normal;font-weight:950}.had-course-subscription-section .course-rich-content{color:#556B80;font-size:.75rem;line-height:2}.had-course-subscription-section .course-rich-content>:first-child{margin-top:0}.had-course-subscription-section .course-rich-content>:last-child{margin-bottom:0}
.had-course-subscription-benefits{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.had-course-subscription-benefits li{min-height:55px;padding:10px 11px;display:flex;align-items:center;gap:8px;border:1px solid #E2E9F0;border-radius:14px;background:#F9FBFD}.had-course-subscription-benefits li>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;background:#E8F6EF;color:#237B58;font-size:.625rem}.had-course-subscription-benefits b{color:#405A72;font-size:.65625rem;line-height:1.6}
.had-course-subscription-reviews{display:grid;grid-template-columns:1fr 1fr;gap:8px}.had-course-subscription-reviews>article{padding:13px;border:1px solid #E0E8F0;border-radius:15px;background:#FAFCFD}.had-course-subscription-reviews>article>div{display:flex;align-items:center;gap:8px}.had-course-subscription-reviews>article>div>span{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:11px;background:#EAF2F9;color:#0E4F87;font-size:.6875rem;font-weight:950}.had-course-subscription-reviews>article>div>p{min-width:0;margin:0;display:grid}.had-course-subscription-reviews>article>div b{color:#294864;font-size:.625rem}.had-course-subscription-reviews>article>div small{color:#8B99A7;font-size:.46875rem}.had-course-subscription-reviews>article>div em{margin-right:auto;color:#D59B3C;font-size:.5625rem;font-style:normal}.had-course-subscription-reviews>article>p{margin:9px 0 0;color:#687D91;font-size:.59375rem;line-height:1.75}.had-course-subscription-reviews-empty{padding:22px;border:1px dashed #CBD7E2;border-radius:14px;background:#F9FBFC;color:#7D8E9F;font-size:.6875rem;text-align:center}
.had-course-subscription-teacher{padding:22px;display:grid;justify-items:center;text-align:center;border:1px solid #DDE6EF;border-radius:22px;background:linear-gradient(145deg,#fff,#F7FAFC);box-shadow:0 10px 28px rgba(8,43,92,.045)}.had-course-subscription-teacher>span{color:#B17A28;font-size:.5625rem;font-weight:950}.had-course-subscription-teacher img{width:86px;height:86px;margin:10px 0 8px;object-fit:cover;border:5px solid #EEF4F9;border-radius:24px}.had-course-subscription-teacher h2{margin:0;color:#1B3E5D;font-size:.9375rem}.had-course-subscription-teacher p{margin:7px 0;color:#748699;font-size:.59375rem;line-height:1.8}.had-course-subscription-teacher a{margin-top:5px;color:#0D518A;font-size:.625rem;font-weight:900}

@media(max-width:900px){
  .had-course-lessons-head{grid-template-columns:130px minmax(0,1fr)}.had-course-lessons-head__progress,.had-course-lessons-head__subscribe{grid-column:1/-1}.had-course-subscription-hero{grid-template-columns:1fr}.had-course-subscription-cover{min-height:320px}.had-course-subscription-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.had-course-subscription-body{grid-template-columns:1fr}.had-course-subscription-teacher{grid-row:auto}
}

@media(max-width:700px){
  .had-course-lessons-page,.had-course-subscription-page{padding:10px 0 112px;background:linear-gradient(180deg,#F6F9FC,#FFFFFF 42%,#F8FAFC)}
  .had-course-lessons-page__container,.had-course-subscription-page__container{width:calc(100% - 16px)!important}
  .had-course-lessons-breadcrumb,.had-course-subscription-breadcrumb{margin:4px 3px 9px;font-size:.53125rem}
  .had-course-lessons-head{padding:10px;grid-template-columns:82px minmax(0,1fr);gap:10px;border-radius:20px}.had-course-lessons-head::before{width:3px}.had-course-lessons-head__media{height:76px;border-radius:14px}.had-course-lessons-head__media>span{width:33px;height:33px;border-radius:10px}.had-course-lessons-head__media svg{width:18px;height:18px}.had-course-lessons-head__eyebrow{font-size:.46875rem}.had-course-lessons-head__copy h1{font-size:1rem;line-height:1.45}.had-course-lessons-head__copy>p{font-size:.53125rem}.had-course-lessons-head__meta{margin-top:6px;gap:5px}.had-course-lessons-head__meta>span{min-width:0;padding:4px 6px;border-radius:8px}.had-course-lessons-head__meta b{font-size:.625rem}.had-course-lessons-head__meta small{font-size:.40625rem}.had-course-lessons-head__progress{grid-column:1/-1;padding:8px 10px;border-radius:12px}.had-course-lessons-head__progress>div{font-size:.53125rem}.had-course-lessons-head__progress>i{height:6px;margin-top:5px}.had-course-lessons-head__subscribe{grid-column:1/-1;min-height:39px;border-radius:11px;font-size:.5625rem}
  .had-course-lessons-toolbar{margin:18px 2px 8px;align-items:center}.had-course-lessons-toolbar>div>span{font-size:.4375rem}.had-course-lessons-toolbar h2{font-size:.875rem}.had-course-lessons-toolbar__count{padding:4px 7px;font-size:.46875rem}
  .had-course-lecture-list{gap:7px}.had-course-lecture-card{min-height:94px;grid-template-columns:92px minmax(0,1fr) 34px;border-radius:16px}.had-course-lecture-card__media{min-height:94px}.had-course-lecture-card__media>small{right:6px;top:6px;min-width:24px;height:21px;padding:0 4px;border-radius:7px;font-size:.46875rem}.had-course-lecture-card__play{width:31px;height:31px;border-radius:10px}.had-course-lecture-card__play svg{width:17px;height:17px}.had-course-lecture-card__body{padding:9px 9px 9px 7px}.had-course-lecture-card__labels{gap:4px}.had-course-lecture-card__labels>small{font-size:.40625rem}.had-course-lecture-card__labels>em{padding:2px 5px;font-size:.375rem}.had-course-lecture-card__body>b{margin-top:3px;font-size:.65625rem;line-height:1.55}.had-course-lecture-card__meta{margin-top:5px;gap:6px}.had-course-lecture-card__meta small{font-size:.40625rem}.had-course-lecture-card__meta small:nth-child(2){display:none}.had-course-lecture-card__meta svg{width:10px;height:10px}.had-course-lecture-card__action{padding:4px;border-right:1px solid #EDF1F5}.had-course-lecture-card__action small{display:none}.had-course-lecture-card__action i{width:25px;height:25px;border-radius:8px;font-size:.6875rem}.had-course-lecture-empty{padding:35px 14px;border-radius:18px}.had-course-lecture-empty>span{width:46px;height:46px;border-radius:14px}.had-course-lecture-empty h2{font-size:.8125rem}.had-course-lecture-empty p{font-size:.53125rem}

  .had-course-subscription-hero{border-radius:21px}.had-course-subscription-cover{min-height:190px}.had-course-subscription-cover__badges{right:10px;top:10px;left:10px}.had-course-subscription-summary{padding:17px 14px 16px}.had-course-subscription-kicker{font-size:.46875rem}.had-course-subscription-summary h1{font-size:1.25rem;line-height:1.45}.had-course-subscription-excerpt{margin-top:6px;font-size:.59375rem;line-height:1.8}.had-course-subscription-price-row{margin-top:13px;padding:9px 0}.had-course-subscription-price-row small{font-size:.4375rem}.had-course-subscription-price-row strong{font-size:.9375rem}.had-course-subscription-rating{padding:5px 7px;border-radius:9px;font-size:.5625rem}.had-course-subscription-state{margin-top:10px;padding:9px 10px;border-radius:11px}.had-course-subscription-state b{font-size:.5625rem}.had-course-subscription-state span{font-size:.46875rem}.had-course-subscription-actions{margin-top:9px;gap:6px}.had-course-subscription-actions .btn{min-height:40px;flex-basis:120px;border-radius:11px;font-size:.53125rem}.had-course-subscription-assurance{margin-top:8px}.had-course-subscription-assurance>span{width:23px;height:23px}.had-course-subscription-assurance b{font-size:.46875rem}.had-course-subscription-assurance small{font-size:.40625rem}
  .had-course-subscription-facts{margin-top:8px;grid-template-columns:1fr 1fr;gap:6px}.had-course-subscription-facts>a,.had-course-subscription-facts>div{min-height:61px;padding:9px 10px;border-radius:13px}.had-course-subscription-facts small{font-size:.40625rem}.had-course-subscription-facts b{font-size:.53125rem}
  .had-course-subscription-body{margin-top:8px;gap:8px}.had-course-subscription-main{gap:8px}.had-course-subscription-section{padding:14px 12px;border-radius:17px}.had-course-subscription-section__head{margin-bottom:10px;gap:7px}.had-course-subscription-section__head>span{width:30px;height:30px;border-radius:9px;font-size:.46875rem}.had-course-subscription-section__head small{font-size:.40625rem}.had-course-subscription-section__head h2{font-size:.8125rem}.had-course-subscription-section__head>em{font-size:.46875rem}.had-course-subscription-section .course-rich-content{font-size:.59375rem;line-height:1.9}.had-course-subscription-benefits{grid-template-columns:1fr;gap:5px}.had-course-subscription-benefits li{min-height:45px;padding:8px 9px;border-radius:11px}.had-course-subscription-benefits li>span{width:22px;height:22px;flex-basis:22px;border-radius:7px}.had-course-subscription-benefits b{font-size:.53125rem}.had-course-subscription-reviews{display:flex;overflow-x:auto;gap:7px;padding-bottom:3px;scroll-snap-type:x mandatory;scrollbar-width:none}.had-course-subscription-reviews::-webkit-scrollbar{display:none}.had-course-subscription-reviews>article{min-width:82%;scroll-snap-align:start;padding:10px;border-radius:12px}.had-course-subscription-reviews>article>div>span{width:29px;height:29px;flex-basis:29px}.had-course-subscription-reviews>article>div b{font-size:.5rem}.had-course-subscription-reviews>article>div small{font-size:.375rem}.had-course-subscription-reviews>article>div em{font-size:.4375rem}.had-course-subscription-reviews>article>p{font-size:.46875rem}.had-course-subscription-teacher{padding:15px;border-radius:17px}.had-course-subscription-teacher>span{font-size:.4375rem}.had-course-subscription-teacher img{width:70px;height:70px;margin:7px 0;border-radius:20px}.had-course-subscription-teacher h2{font-size:.75rem}.had-course-subscription-teacher p{font-size:.46875rem}.had-course-subscription-teacher a{font-size:.5rem}
}

@media(max-width:390px){
  .had-course-lessons-page__container,.had-course-subscription-page__container{width:calc(100% - 12px)!important}.had-course-lecture-card{grid-template-columns:84px minmax(0,1fr) 31px}.had-course-lecture-card__body{padding-inline:8px 5px}.had-course-lecture-card__body>b{font-size:.625rem}.had-course-subscription-summary{padding-inline:12px}
}

@media(prefers-reduced-motion:reduce){.had-course-lecture-card,.had-course-lecture-card__media>img{transition:none!important}}

/* =========================================================
   v1.1.2 — Context-aware request cards at the end of academic lists
   ========================================================= */
.had-academic-request-card{
  --had-request:#D89A36;
  --had-request-dark:#0D477F;
  border-style:dashed!important;
  border-color:#D8C79E!important;
  background:
    radial-gradient(circle at 100% 0,rgba(216,154,54,.09),transparent 32%),
    linear-gradient(145deg,#FFFDF8,#FFF9EF)!important;
}
.had-academic-request-card__icon{
  color:#B97819!important;
  background:linear-gradient(145deg,#FFF9EA,#FFF2D5)!important;
  border-color:#EBD9B6!important;
}
.had-academic-request-card__icon svg{
  width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;
}
.had-academic-request-card .uni-card__content strong,
.had-academic-request-card .college-card__body>strong{color:#6F4A16!important}
.had-academic-request-card .uni-card__content small,
.had-academic-request-card .college-card__body>small{color:#8B7351!important}
.had-academic-request-card .uni-card__arrow,
.had-academic-request-card .college-card__arrow{border-color:#E7D5AF!important;background:#FFF5DE!important;color:#A96D17!important}
.had-academic-request-card--specialty{
  border-style:dashed!important;
  border-color:#DFC892!important;
  background:linear-gradient(145deg,#FFFDF8,#FFF7E8)!important;
  color:#795018!important;
}
.had-academic-request-card--specialty span{position:relative;z-index:2}

.had-academic-request-card--course{border-style:dashed!important;border-color:#DFC892!important;overflow:hidden}
.had-academic-request-card__course-media{
  display:grid!important;place-items:center!important;position:relative!important;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.13),transparent 28%),
    radial-gradient(circle at 82% 82%,rgba(226,166,66,.28),transparent 32%),
    linear-gradient(145deg,#0A376C,#11558D)!important;
}
.had-academic-request-card__course-icon{
  width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:23px;background:rgba(255,255,255,.10);color:#F2C66E;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 32px rgba(2,20,44,.16)
}
.had-academic-request-card__course-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-academic-request-card__course-badge{position:absolute;right:12px;top:12px;padding:5px 9px;border-radius:999px;background:#F0B851;color:#173553;font-size:.625rem;font-weight:950;box-shadow:0 7px 16px rgba(2,20,44,.13)}
.had-academic-request-card--course .card-body h3{color:#173A5E}
.had-academic-request-card--course .card-footer strong{color:#A86E1C}

@media(hover:hover) and (pointer:fine){
  .had-academic-request-card:hover{border-color:#D6A850!important;box-shadow:0 16px 36px rgba(8,43,92,.09)!important}
  .had-academic-request-card:hover .uni-card__arrow,
  .had-academic-request-card:hover .college-card__arrow{border-color:#D89A36!important;background:#D89A36!important;color:#fff!important}
}

@media(min-width:1051px){
  .university-archive .had-academic-request-card--university::after{background:linear-gradient(90deg,transparent,rgba(216,154,54,.28),rgba(216,154,54,.82),rgba(216,154,54,.28),transparent)!important}
  .university-archive .had-academic-request-card--university::before{background:radial-gradient(circle,rgba(216,154,54,.09),transparent 68%)!important}
  .university-archive .had-academic-request-card--university .uni-card__logo{background:linear-gradient(145deg,#FFF9EA,#FFF4DF)!important;border-color:#EAD8B4!important}
  .university-archive .had-academic-request-card--university .uni-card__logo-ring{border-color:rgba(191,125,27,.15)!important}
}

@media(max-width:700px){
  .university-archive .had-academic-request-card--university .uni-card__logo svg{width:24px!important;height:24px!important}
  body.single-had_university .had-academic-request-card--college,
  body.post-type-archive-had_college .had-academic-request-card--college{border-style:dashed!important;border-color:#DFC892!important;background:linear-gradient(145deg,#FFFDF8,#FFF7E8)!important}
  body.single-had_university .had-academic-request-card--college .college-card__logo,
  body.post-type-archive-had_college .had-academic-request-card--college .college-card__logo{background:#FFF4DC!important;border-color:#E8D4AA!important;color:#AF711A!important}
  body.single-had_university .had-academic-request-card--college .college-card__logo svg,
  body.post-type-archive-had_college .had-academic-request-card--college .college-card__logo svg{width:18px!important;height:18px!important}
  body.single-had_college .entity-specialty-chips .had-academic-request-card--specialty{border-style:dashed!important;border-color:#DFC892!important;background:linear-gradient(145deg,#FFFDF8,#FFF7E8)!important;color:#795018!important}
  body.single-had_college .entity-specialty-chips .had-academic-request-card--specialty::before{background:linear-gradient(90deg,transparent,#D79A38,transparent)!important}
  body.single-had_college .entity-specialty-chips .had-academic-request-card--specialty::after{content:"+"!important;color:#B87818!important;font-size:.75rem!important}
  .had-academic-request-card__course-icon{width:58px;height:58px;border-radius:18px}
  .had-academic-request-card__course-icon svg{width:30px;height:30px}
  .had-academic-request-card__course-badge{padding:4px 7px;font-size:.5rem}
}

/* =========================================================
   v1.1.4 — Digital service delivery policy + support SLA
   ========================================================= */
.had-legal-hero--service-delivery{
  background:
    radial-gradient(circle at 12% 18%,rgba(30,104,181,.11),transparent 26%),
    radial-gradient(circle at 88% 80%,rgba(212,154,74,.12),transparent 27%),
    linear-gradient(180deg,#fff,#F7FAFD);
}
.had-legal-summary--service-delivery .had-legal-summary__icon{
  background:#EEF5FB;
  color:#185892;
}
.had-service-delivery-highlights{
  margin:0 0 22px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.had-service-delivery-highlights>div{
  min-height:124px;
  padding:20px 18px;
  position:relative;
  overflow:hidden;
  border:1px solid #E0E8EF;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#F7FAFD);
  box-shadow:0 8px 22px rgba(13,48,86,.035);
}
.had-service-delivery-highlights>div::after{
  content:"";
  position:absolute;
  width:88px;
  height:88px;
  left:-42px;
  bottom:-48px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,92,154,.08),transparent 70%);
  pointer-events:none;
}
.had-service-delivery-highlights>div:nth-child(2)::after{background:radial-gradient(circle,rgba(212,154,74,.12),transparent 70%)}
.had-service-delivery-highlights span{
  display:block;
  margin-bottom:5px;
  color:#17558E;
  font-size:1.0625rem;
  font-weight:950;
  line-height:1.4;
}
.had-service-delivery-highlights>div:nth-child(2) span{color:#A86E1D}
.had-service-delivery-highlights p{
  margin:0;
  position:relative;
  z-index:1;
  color:#687C91;
  font-size:.68125rem;
  line-height:1.85;
}

.had-support-complaint-policy{
  width:min(920px,calc(100% - 32px));
  margin:0 auto 18px;
  padding:24px;
  position:relative;
  overflow:hidden;
  border:1px solid #DCE6EF;
  border-radius:25px;
  background:
    radial-gradient(circle at 92% 8%,rgba(212,154,74,.10),transparent 24%),
    linear-gradient(145deg,#FFFFFF,#F6F9FC);
  box-shadow:0 13px 34px rgba(12,46,82,.055);
}
.had-support-complaint-policy::before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:4px;
  height:100%;
  background:linear-gradient(180deg,#0E4C85,#2E76B2 55%,#D49A4A);
}
.had-support-complaint-policy__head{max-width:680px;margin-bottom:18px}
.had-support-complaint-policy__head>span{
  display:inline-flex;
  margin-bottom:5px;
  padding:5px 9px;
  border-radius:999px;
  background:#EEF5FB;
  color:#15558E;
  font-size:.58125rem;
  font-weight:950;
}
.had-support-complaint-policy__head h2{
  margin:0 0 5px;
  color:#173A5D;
  font-size:1.375rem;
  line-height:1.45;
}
.had-support-complaint-policy__head p{
  margin:0;
  color:#6B7E91;
  font-size:.71875rem;
  line-height:1.8;
}
.had-support-complaint-policy__timeline{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.had-support-complaint-policy__timeline article{
  min-width:0;
  min-height:132px;
  padding:17px 16px;
  border:1px solid #E0E8F0;
  border-radius:17px;
  background:#fff;
  box-shadow:0 7px 19px rgba(13,48,86,.035);
}
.had-support-complaint-policy__timeline strong{
  display:block;
  color:#0F4D84;
  font-size:1.25rem;
  line-height:1.25;
}
.had-support-complaint-policy__timeline article:nth-child(2) strong{color:#B07826}
.had-support-complaint-policy__timeline article:nth-child(3) strong{color:#1B6C61}
.had-support-complaint-policy__timeline span{
  display:block;
  margin-top:3px;
  color:#294C6E;
  font-size:.6875rem;
  font-weight:900;
}
.had-support-complaint-policy__timeline p{
  margin:5px 0 0;
  color:#75879A;
  font-size:.625rem;
  line-height:1.75;
}
.had-support-complaint-policy__notes{
  margin-top:12px;
  padding:13px 15px;
  display:grid;
  gap:5px;
  border:1px solid #E5EAF0;
  border-radius:14px;
  background:#FAFBFD;
}
.had-support-complaint-policy__notes p{
  margin:0;
  color:#667B90;
  font-size:.66875rem;
  line-height:1.8;
}
.had-support-complaint-policy__notes b{color:#284A69}

@media(max-width:700px){
  .had-service-delivery-highlights{grid-template-columns:1fr;gap:8px}
  .had-service-delivery-highlights>div{min-height:0;padding:16px;border-radius:15px}
  .had-service-delivery-highlights span{font-size:.9375rem}
  .had-service-delivery-highlights p{font-size:.675rem}
  .had-support-complaint-policy{width:calc(100% - 18px);margin-bottom:12px;padding:17px 14px;border-radius:20px}
  .had-support-complaint-policy__head{margin-bottom:13px}
  .had-support-complaint-policy__head h2{font-size:1.0625rem}
  .had-support-complaint-policy__head p{font-size:.65625rem}
  .had-support-complaint-policy__timeline{grid-template-columns:1fr;gap:7px}
  .had-support-complaint-policy__timeline article{min-height:0;padding:13px 14px;display:grid;grid-template-columns:84px minmax(0,1fr);gap:1px 10px;align-items:center;border-radius:14px}
  .had-support-complaint-policy__timeline strong{grid-row:1/3;font-size:1rem}
  .had-support-complaint-policy__timeline span{margin:0;font-size:.65rem}
  .had-support-complaint-policy__timeline p{margin:0;font-size:.6rem}
  .had-support-complaint-policy__notes{padding:11px 12px}
  .had-support-complaint-policy__notes p{font-size:.625rem}
}
@media(max-width:390px){
  .had-support-complaint-policy__timeline article{grid-template-columns:74px minmax(0,1fr);padding:12px}
  .had-support-complaint-policy__timeline strong{font-size:.9375rem}
}

/* =========================================================
   v1.2.1 — Mobile RTL viewport containment hardening
   Prevents transformed ticker/off-canvas geometry from widening the
   document and visually shifting homepage content on Android browsers.
   ========================================================= */
@media(max-width:700px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
  }

  body.home,
  body.front-page{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
  }

  body.home>.had-sticky-shell,
  body.home>.had-sticky-spacer,
  body.home>#content.site-content,
  body.home>.footer,
  body.front-page>.had-sticky-shell,
  body.front-page>.had-sticky-spacer,
  body.front-page>#content.site-content,
  body.front-page>.footer{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-inline:0!important;
  }

  body.home #content.site-content,
  body.front-page #content.site-content{
    align-items:stretch!important;
    overflow-x:hidden!important;
    contain:layout paint;
  }

  body.home #content.site-content>.home-section,
  body.front-page #content.site-content>.home-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
    align-self:stretch!important;
  }

  body.home .home-hero--slider,
  body.front-page .home-hero--slider{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-inline:0!important;
    left:auto!important;
    right:auto!important;
  }

  body.home .home-hero--slider .had-hero-slider__viewport,
  body.home .home-hero--slider .had-hero-slide,
  body.home .had-home-hero-primary,
  body.front-page .home-hero--slider .had-hero-slider__viewport,
  body.front-page .home-hero--slider .had-hero-slide,
  body.front-page .had-home-hero-primary{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
  }

  body.home .home-section>.container,
  body.front-page .home-section>.container,
  body.home .home-section .container,
  body.front-page .home-section .container{
    max-width:calc(100vw - 18px)!important;
    min-width:0!important;
  }

  body.home .had-home-hub,
  body.front-page .had-home-hub{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-inline:0!important;
    overflow:hidden!important;
  }
  body.home .had-home-hub>.container,
  body.front-page .had-home-hub>.container{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    min-width:0!important;
    margin-inline:auto!important;
  }
  body.home .had-home-hub__grid,
  body.front-page .had-home-hub__grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Isolate the continuously transformed ticker from the page scroll area. */
  .announcement.announcement-ticker{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow:hidden!important;
    contain:layout paint;
  }
  .announcement-ticker-viewport{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:38px;
    position:relative;
    overflow:hidden!important;
    contain:layout paint;
  }
  .announcement-ticker-track{
    position:absolute!important;
    top:0!important;
    left:0!important;
    height:100%!important;
    max-width:none!important;
  }

  /* Closed drawer and floating helpers must never contribute scrollable width. */
  .main-nav,
  .menu-overlay,
  .had-contact-fab,
  .had-contact-fab__panel,
  .mobile-bottom-nav{
    max-width:100vw!important;
  }

  img,
  video,
  iframe,
  svg{
    max-width:100%;
  }
}

/* =========================================================
   v1.2.4 — Practice quiz access policy + bilingual direction
   ========================================================= */
.had-practice-test-card__action,
.had-practice-test-card>a.had-practice-test-card__action{
  min-height:38px;
  margin-top:auto;
  padding:7px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:11px;
  background:#0d4e84;
  color:#fff;
  font-size:.57rem;
  font-weight:900;
  line-height:1.4;
}
.had-practice-test-card__action>span{font-size:.9rem}
.had-practice-test-card__action.is-disabled{
  background:#eef2f6;
  color:#7d8d9d;
  cursor:not-allowed;
}
.had-practice-test-card.is-attempt-used{
  border-color:#d9e0e7;
  background:linear-gradient(145deg,#fbfcfd,#f5f7f9);
}
.had-practice-test-card.is-attempt-used .had-practice-test-card__number{
  background:#eef1f4;
  color:#778898;
}

/* English quiz content is genuinely LTR while the surrounding Arabic page remains RTL. */
.had-practice-quiz.is-ltr .had-practice-question,
.had-practice-quiz.is-ltr .had-practice-question legend,
.had-practice-quiz.is-ltr .had-practice-options,
.had-practice-quiz.is-ltr .had-practice-options label{
  direction:ltr;
  text-align:left;
}
.had-practice-quiz.is-ltr .had-practice-question legend,
.had-practice-quiz.is-ltr .had-practice-options b{
  unicode-bidi:plaintext;
}
.had-practice-quiz.is-ltr .had-practice-options label{
  grid-template-columns:32px minmax(0,1fr) 20px;
}
.had-practice-quiz.is-ltr .had-practice-option-key{justify-self:start}
.had-practice-quiz.is-ltr .had-practice-options i{justify-self:end}
.had-practice-quiz.is-ltr .had-practice-quiz__head{text-align:left}
.had-practice-quiz.is-ltr .had-practice-result{direction:rtl;text-align:right}.had-practice-result{direction:rtl;text-align:right}

@media(max-width:700px){
  .had-practice-test-card__action,
  .had-practice-test-card>a.had-practice-test-card__action{
    grid-column:1/-1;
    min-height:37px;
    margin-top:2px;
    font-size:.5rem;
  }
  .had-practice-quiz.is-ltr .had-practice-options label{
    grid-template-columns:30px minmax(0,1fr) 20px;
  }
}


/* =========================================================
   v1.2.6 — Definitive mobile drawer stacking isolation fix
   Keep the modal backdrop below the drawer even on browsers
   that retain a stacking context for backdrop-filter:none.
   ========================================================= */
@media(max-width:700px){
  body.nav-open .site-header{
    overflow:visible!important;
    isolation:auto!important;
  }
  body.nav-open .header-inner{
    position:relative!important;
    z-index:121!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    transform:none!important;
    opacity:1!important;
    isolation:isolate!important;
    contain:none!important;
    will-change:auto!important;
  }
  body.nav-open .header-inner>.brand,
  body.nav-open .header-inner>.menu-toggle,
  body.nav-open .header-inner>.header-actions{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.nav-open .main-nav,
  body.nav-open .main-nav.open{
    z-index:122!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    pointer-events:auto!important;
  }
  .menu-overlay{
    z-index:110!important;
    background:rgba(3,20,43,.48)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }
  body.nav-open .menu-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* =========================================================
   v1.6.10 — Compact course heading + WhatsApp icon sharing
   ========================================================= */
.had-course-heading-share{
  margin:0 0 14px;
  padding:2px 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.had-course-heading-share__copy{min-width:0;display:grid;gap:2px}
.had-course-heading-share__copy small{color:#7a8da0;font-size:.58rem;font-weight:850;letter-spacing:.01em}
.had-course-heading-share__copy strong{max-width:760px;color:#173957;font-size:1rem;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.had-course-whatsapp-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  border:1px solid #dce7e1;
  border-radius:50%;
  background:#fff;
  box-shadow:0 6px 16px rgba(8,43,92,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.had-course-whatsapp-icon:hover{transform:translateY(-2px);border-color:rgba(37,211,102,.38);background:#fbfffc;box-shadow:0 10px 22px rgba(8,43,92,.075)}
.had-course-whatsapp-icon svg{width:27px;height:27px;display:block}
.had-course-whatsapp-icon__mark{fill:#25D366}
.had-course-whatsapp-icon__phone{fill:#fff}
.had-course-whatsapp-icon:focus-visible{outline:3px solid rgba(37,211,102,.20);outline-offset:2px}

@media(max-width:700px){
  .had-course-heading-share{margin-bottom:9px;padding:0 2px;gap:9px}
  .had-course-heading-share__copy small{font-size:.47rem}
  .had-course-heading-share__copy strong{max-width:calc(100vw - 92px);font-size:.72rem}
  .had-course-whatsapp-icon{width:39px;height:39px;flex-basis:39px;box-shadow:0 4px 12px rgba(8,43,92,.05)}
  .had-course-whatsapp-icon svg{width:24px;height:24px}
}

@media(max-width:380px){
  .had-course-heading-share__copy strong{max-width:calc(100vw - 82px);font-size:.68rem}
  .had-course-whatsapp-icon{width:37px;height:37px;flex-basis:37px}
  .had-course-whatsapp-icon svg{width:23px;height:23px}
}

@media(prefers-reduced-motion:reduce){
  .had-course-whatsapp-icon{transition:none!important}
  .had-course-whatsapp-icon:hover{transform:none!important}
}

/* =========================================================
   v1.3.0 — Affiliate / marketer dashboard
   ========================================================= */
.had-aff-dashboard{min-height:70vh;background:linear-gradient(180deg,#f4f8fc 0,#fff 34%);color:#173652}
.had-aff-dashboard__hero{position:relative;overflow:hidden;padding:54px 0 44px;background:radial-gradient(circle at 8% 0,rgba(58,130,201,.22),transparent 30%),radial-gradient(circle at 92% 100%,rgba(217,158,63,.20),transparent 30%),linear-gradient(135deg,#061f46,#0b3c74 68%,#0e528d);color:#fff}
.had-aff-dashboard__hero:after{content:"";position:absolute;width:330px;height:330px;left:-190px;bottom:-220px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.02),0 0 0 116px rgba(255,255,255,.012)}
.had-aff-dashboard__hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:28px}.had-aff-dashboard__hero-inner>div>span{color:#efba5a;font-size:11px;font-weight:900}.had-aff-dashboard__hero h1{margin:4px 0 6px;color:#fff;font-size:34px;line-height:1.35}.had-aff-dashboard__hero p{margin:0;color:#d7e4f1;font-size:13px}.had-aff-dashboard__code{min-width:190px;padding:13px 16px;display:grid;gap:2px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(9px);font-size:9px;color:#bdd0e3}.had-aff-dashboard__code b{color:#fff;font-size:16px;direction:ltr;text-align:right}
.had-aff-dashboard__body{padding:28px 0 70px}.had-aff-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:-48px;position:relative;z-index:2}.had-aff-kpis article{min-height:112px;padding:18px 15px;display:grid;align-content:center;gap:5px;border:1px solid #dde7f0;border-radius:18px;background:#fff;box-shadow:0 15px 34px rgba(8,43,92,.08)}.had-aff-kpis article.is-gold{border-color:#ead4a9;background:linear-gradient(145deg,#fff,#fff9ed)}.had-aff-kpis small{color:#788c9f;font-size:9px;font-weight:850}.had-aff-kpis strong{color:#123b62;font-size:20px;line-height:1.4}.had-aff-kpis .is-gold strong{color:#a66c16}.had-aff-kpis .woocommerce-Price-amount{font:inherit}
.had-aff-section{margin-top:28px}.had-aff-section__head{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.had-aff-section__head span{color:#b57b25;font-size:8px;font-weight:950}.had-aff-section__head h2{margin:2px 0 0;color:#153a5e;font-size:22px}.had-aff-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.had-aff-link-card{padding:18px;border:1px solid #dce6ef;border-radius:21px;background:linear-gradient(145deg,#fff,#f9fbfd);box-shadow:0 11px 28px rgba(8,43,92,.055)}.had-aff-link-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.had-aff-link-card__top span{color:#173d61;font-size:13px;font-weight:950}.had-aff-link-card__top b{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#fff4df;color:#a86d16;font-size:8px}.had-aff-link-card__url{margin-top:14px;padding:5px 6px 5px 10px;display:flex;gap:6px;border:1px solid #e1e9f1;border-radius:13px;background:#f4f8fb;direction:ltr}.had-aff-link-card__url input{min-width:0;flex:1;height:34px;border:0!important;background:transparent!important;box-shadow:none!important;color:#567087;font-size:9px}.had-aff-link-card__url button{min-width:55px;border:0;border-radius:9px;background:#0c477e;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.had-aff-link-card__stats{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.had-aff-link-card__stats span{min-height:60px;padding:8px;display:grid;align-content:center;gap:1px;border:1px solid #e6edf4;border-radius:12px;background:#fff}.had-aff-link-card__stats b{color:#183f64;font-size:11px}.had-aff-link-card__stats small{color:#8496a6;font-size:7px}.had-aff-link-card__actions{margin-top:12px;display:flex;gap:7px}.had-aff-link-card__actions a{min-height:38px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce6ef;border-radius:11px;background:#fff;color:#174b7c;font-size:8px;font-weight:900}.had-aff-link-card__actions a.is-wa{border-color:#cde9d8;background:#effaf3;color:#14733e}
.had-aff-table-wrap{overflow:auto;border:1px solid #dce6ef;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(8,43,92,.045)}.had-aff-table{width:100%;min-width:720px;border-collapse:collapse}.had-aff-table th,.had-aff-table td{padding:12px 14px;border-bottom:1px solid #edf1f5;text-align:right;font-size:9px}.had-aff-table th{background:#f7f9fc;color:#61778b;font-weight:900}.had-aff-table td{color:#294a68}.had-aff-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f0f3f6;color:#63778a;font-size:7px;font-weight:900}.had-aff-status--approved{background:#eef8f3;color:#23744e}.had-aff-status--paid{background:#edf5ff;color:#175a95}.had-aff-status--pending{background:#fff7e9;color:#9f6c1b}.had-aff-status--cancelled,.had-aff-status--reversed{background:#fff1f3;color:#a23b4c}
@media(max-width:1050px){.had-aff-kpis{grid-template-columns:repeat(3,1fr)}.had-aff-links-grid{grid-template-columns:1fr}}
@media(max-width:700px){.had-aff-dashboard__hero{padding:34px 0 58px}.had-aff-dashboard__hero-inner{display:block}.had-aff-dashboard__hero h1{font-size:25px}.had-aff-dashboard__hero p{font-size:10px;line-height:1.8}.had-aff-dashboard__code{width:max-content;min-width:160px;margin-top:14px;padding:10px 12px}.had-aff-dashboard__body{padding:0 0 76px}.had-aff-kpis{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:-38px}.had-aff-kpis article{min-height:88px;padding:12px;border-radius:15px}.had-aff-kpis small{font-size:7px}.had-aff-kpis strong{font-size:16px}.had-aff-section{margin-top:22px}.had-aff-section__head h2{font-size:18px}.had-aff-link-card{padding:13px;border-radius:17px}.had-aff-link-card__top span{font-size:11px}.had-aff-link-card__stats{gap:5px}.had-aff-link-card__stats span{min-height:54px;padding:6px}.had-aff-link-card__actions a{flex:1;font-size:7.5px}.had-aff-table th,.had-aff-table td{padding:10px 11px;font-size:8px}}

/* v1.3.2 — Affiliate assignment states */
.had-aff-link-card.is-pending-rate{border-color:#ead7b5;background:linear-gradient(145deg,#fff,#fffbf4)}
.had-aff-link-card.is-pending-rate .had-aff-link-card__top b{background:#fff1d7;color:#976319}
.had-aff-link-card__url--notice{direction:rtl;padding:10px 12px;background:#fff8e9;border-color:#eeddbd;color:#805c27;font-size:8.5px;font-weight:800;line-height:1.75}
@media(max-width:700px){.had-aff-link-card__url--notice{font-size:7.5px}}

/* =========================================================
   v1.3.3 — Affiliate onboarding, agreement and account claim
   ========================================================= */
.had-aff-onboarding-card{max-width:640px}.had-aff-flow-steps{margin:0 0 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.had-aff-flow-steps span{min-height:38px;padding:8px 6px;display:grid;place-items:center;border:1px solid #dfe7ef;border-radius:11px;background:#f7f9fc;color:#7890a4;font-size:8px;font-weight:900;text-align:center}.had-aff-flow-steps span.is-active{border-color:#d7b36a;background:#fff8e9;color:#91611d;box-shadow:inset 0 0 0 1px rgba(215,179,106,.12)}
.had-aff-onboarding-summary{margin:0 0 16px;padding:16px 17px;border:1px solid #dfe8f1;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbfd)}.had-aff-onboarding-summary strong{display:block;color:#173d61;font-size:14px}.had-aff-onboarding-summary small{display:block;margin-top:1px;color:#7b8fa2;font-size:9px;direction:ltr;text-align:right}.had-aff-onboarding-summary p{margin:10px 0 0;color:#5d7388;font-size:10px;line-height:1.9}
.had-aff-agreement-page{background:linear-gradient(180deg,#f5f8fc,#fff)}.had-aff-agreement-shell{max-width:900px}.had-aff-agreement-head{margin-bottom:18px;padding:26px 28px;border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(69,139,208,.18),transparent 28%),linear-gradient(135deg,#061f46,#0b447e);color:#fff;box-shadow:0 18px 42px rgba(8,43,92,.14)}.had-aff-agreement-head>span{color:#efba5a;font-size:9px;font-weight:950}.had-aff-agreement-head h1{margin:3px 0 5px;color:#fff;font-size:30px}.had-aff-agreement-head p{margin:0;color:#d7e4f1;font-size:11px;line-height:1.8}.had-aff-agreement-content{padding:26px 28px;border:1px solid #dde7f0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(8,43,92,.055)}.had-aff-agreement-content h2{margin:0 0 13px;color:#153b61;font-size:23px}.had-aff-agreement-content h3{margin:22px 0 5px;color:#174d7d;font-size:14px}.had-aff-agreement-content p{margin:0;color:#5e7388;font-size:11px;line-height:2}.had-aff-agreement-form{margin-top:13px;padding:18px;border:1px solid #ead9b8;border-radius:18px;background:linear-gradient(145deg,#fffdf8,#fff8e9)}.had-aff-agreement-check{margin-bottom:14px!important;align-items:flex-start!important}.had-aff-agreement-check span{color:#55482f;font-size:10px;line-height:1.9}.had-aff-agreement-check a{color:#0d528a;font-weight:900;text-decoration:underline}
@media(max-width:700px){.had-aff-flow-steps{gap:4px}.had-aff-flow-steps span{min-height:34px;padding:6px 3px;border-radius:9px;font-size:6.3px}.had-aff-onboarding-summary{padding:13px;border-radius:14px}.had-aff-onboarding-summary strong{font-size:12px}.had-aff-onboarding-summary small{font-size:7.5px}.had-aff-onboarding-summary p{font-size:8.5px}.had-aff-agreement-page{padding-top:18px!important}.had-aff-agreement-shell{width:calc(100% - 18px)!important}.had-aff-agreement-head{padding:20px 17px;border-radius:19px}.had-aff-agreement-head h1{font-size:23px}.had-aff-agreement-head p{font-size:8.5px}.had-aff-agreement-content{padding:18px 15px;border-radius:18px}.had-aff-agreement-content h2{font-size:19px}.had-aff-agreement-content h3{margin-top:18px;font-size:11px}.had-aff-agreement-content p{font-size:8.5px;line-height:1.9}.had-aff-agreement-form{padding:14px;border-radius:15px}.had-aff-agreement-check span{font-size:8.3px}}

/* v1.3.4 — affiliate course requests + dashboard notice flow */
.had-aff-dashboard__notice{position:relative;z-index:1;margin:18px 0 0;clear:both}.had-aff-request-section__head{align-items:flex-end}.had-aff-request-section__head p{margin:5px 0 0;color:#73879a;font-size:10px;line-height:1.8}.had-aff-course-search{width:min(360px,100%);display:block}.had-aff-course-search input{width:100%;min-height:42px;padding:8px 13px;border:1px solid #d9e4ed;border-radius:12px;background:#fff;color:#173b5e;font:inherit}.had-aff-course-search input:focus{outline:2px solid rgba(20,82,139,.12);border-color:#9ebbd5}.had-aff-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.had-aff-request-card{min-width:0;padding:15px;border:1px solid #dfe8f0;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(16,53,88,.045)}.had-aff-request-card__path{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#6d8396;font-size:8.5px;font-weight:800;line-height:1.7}.had-aff-request-card__path span{padding:4px 7px;border-radius:999px;background:#f3f7fa;border:1px solid #e4ebf1}.had-aff-request-card__path i{color:#b0bdc9;font-style:normal}.had-aff-request-card__body{margin:12px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.had-aff-request-card__body small{display:block;color:#9a6d2e;font-size:8px;font-weight:900}.had-aff-request-card__body h3{margin:2px 0 0;color:#183e61;font-size:15px;line-height:1.55}.had-aff-request-state{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#eef4f8;color:#60778b;font-size:8px;font-weight:900}.had-aff-request-state--pending{background:#fff7e8;color:#8b641f}.had-aff-request-state--approved{background:#edf8f2;color:#226a49}.had-aff-request-state--rejected{background:#fff0f2;color:#8c3343}.had-aff-request-card form{margin:0}.had-aff-request-card button{width:100%;min-height:40px;border:0;border-radius:11px;background:#0b477f;color:#fff;font-family:inherit;font-size:9px;font-weight:900;cursor:pointer}.had-aff-request-card button:hover{filter:brightness(1.04)}.had-aff-request-card button:disabled{background:#edf1f4;color:#7c8c9b;cursor:not-allowed}.had-aff-course-search-empty{grid-column:1/-1}
@media(max-width:700px){.had-aff-dashboard__notice{margin:14px 0 0}.had-aff-request-section__head{align-items:stretch}.had-aff-course-search{width:100%;margin-top:10px}.had-aff-request-grid{grid-template-columns:1fr}.had-aff-request-card{padding:13px;border-radius:15px}.had-aff-request-card__body h3{font-size:13px}.had-aff-request-card__path{font-size:7.5px}}
.had-aff-request-card__path b{color:#385b77;font-size:inherit}


/* v1.3.5 — lecture chapters, free PDFs and affiliate client profile. */
.had-course-chapters{display:grid;gap:14px}.had-course-chapter{overflow:hidden;border:1px solid #dce6ef;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(8,43,92,.045)}.had-course-chapter>summary{min-height:66px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;background:linear-gradient(135deg,#f8fbfd,#fff);color:#173d60}.had-course-chapter>summary::-webkit-details-marker{display:none}.had-course-chapter>summary>span{min-width:0;display:grid;gap:1px;flex:1}.had-course-chapter>summary small{color:#8b9dad;font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.had-course-chapter>summary b{font-size:.82rem;line-height:1.5}.had-course-chapter>summary em{padding:5px 9px;border-radius:999px;background:#edf5fa;color:#315d7d;font-size:.5rem;font-style:normal;font-weight:900}.had-course-chapter>summary>i{font-style:normal;color:#6e8598;transition:transform .2s ease}.had-course-chapter:not([open])>summary>i{transform:rotate(180deg)}.had-course-chapter__lessons{padding:12px;border-top:1px solid #edf2f6}.had-course-chapter__lessons .had-course-lecture-card:last-child{margin-bottom:0}.lesson-outline-chapter{margin:8px 0 4px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:9px;background:#eef5fa;color:#234f72;font-size:.55rem;font-weight:950}.lesson-outline-chapter i{font-style:normal;color:#7a91a5}.had-course-resource-free-badge{margin-inline-start:5px;padding:2px 6px;border-radius:999px;background:#e8f8ef;color:#198755;font-size:.44rem;font-style:normal;font-weight:950}.had-aff-dashboard__hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.had-aff-dashboard__hero-actions>a{padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px;color:#fff;font-size:.56rem;font-weight:900}.had-aff-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.had-aff-profile-card{padding:17px;display:grid;gap:12px;border:1px solid #dfe8f0;border-radius:18px;background:#fff}.had-aff-profile-card>div small{color:#9a762f;font-size:.52rem;font-weight:950}.had-aff-profile-card h3{margin:2px 0 0;color:#183e61;font-size:.86rem}.had-aff-profile-card label{display:grid;gap:5px}.had-aff-profile-card label span{color:#46637c;font-size:.55rem;font-weight:900}.had-aff-profile-card input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #d7e2eb;border-radius:10px;background:#fff;color:#173d60;font:inherit}.had-aff-profile-card input:disabled{background:#f5f7f9;color:#7c8b98}.had-aff-profile-card button{min-height:42px;border:0;border-radius:11px;background:#0b4d84;color:#fff;font:inherit;font-size:.58rem;font-weight:950;cursor:pointer}
@media(max-width:760px){.had-course-chapter>summary{min-height:56px;padding:10px 11px}.had-course-chapter>summary b{font-size:.68rem}.had-course-chapter>summary em{font-size:.43rem}.had-course-chapter__lessons{padding:8px}.had-aff-profile-grid{grid-template-columns:1fr}.had-aff-dashboard__hero-actions{width:100%}.had-aff-dashboard__hero-actions>a{width:100%;text-align:center}}

/* v1.3.6 — collapsed chapters on course content and lesson outline */
.had-course-chapter:not([open]) .had-course-chapter__lessons{display:none}.had-course-chapter>summary:focus-visible,.lesson-outline-chapter-group>summary:focus-visible{outline:2px solid #2b6da5;outline-offset:-2px}.lesson-outline-chapter-group{overflow:hidden;border:1px solid #e2eaf1;border-radius:10px;background:#fff}.lesson-outline-chapter-group+ .lesson-outline-chapter-group{margin-top:3px}.lesson-outline-chapter-group>summary{min-height:46px;padding:8px 9px;display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;background:#f6f9fb;color:#234c6e}.lesson-outline-chapter-group>summary::-webkit-details-marker{display:none}.lesson-outline-chapter-group>summary>span{min-width:0;display:grid;gap:0;flex:1}.lesson-outline-chapter-group>summary small{color:#8b9cab;font-size:.43rem;font-weight:900;letter-spacing:.04em}.lesson-outline-chapter-group>summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem}.lesson-outline-chapter-group>summary em{padding:3px 6px;border-radius:999px;background:#e8f1f7;color:#4b6d87;font-size:.43rem;font-style:normal;font-weight:900;white-space:nowrap}.lesson-outline-chapter-group>summary>i{font-style:normal;color:#71899d;transition:transform .2s ease}.lesson-outline-chapter-group:not([open])>summary>i{transform:rotate(180deg)}.lesson-outline-chapter-items{padding:5px;border-top:1px solid #e8eef3;display:grid;gap:4px}.lesson-outline-chapter-group:not([open]) .lesson-outline-chapter-items{display:none}
@media(max-width:700px){.had-course-chapters{gap:9px}.had-course-chapter>summary{min-height:55px;padding:9px 10px}.had-course-chapter>summary b{font-size:.68rem}.had-course-chapter>summary em{font-size:.43rem}.lesson-outline-chapter-group>summary{min-height:44px}}

/* =========================================================
   v1.3.7 — premium, prominent course chapter cards
   ========================================================= */
.had-course-chapters{
  margin-top:8px;
  gap:18px;
}
.had-course-chapter{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #D5E1EB;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 38px rgba(8,43,92,.085),0 2px 8px rgba(8,43,92,.035);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.had-course-chapter::before{
  content:"";
  position:absolute;
  z-index:3;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:linear-gradient(180deg,#D89B3A 0%,#EAB95C 46%,#0B4D84 100%);
}
.had-course-chapter:not([open]):hover{
  transform:translateY(-1px);
  border-color:#C5D7E5;
  box-shadow:0 18px 42px rgba(8,43,92,.11),0 3px 10px rgba(8,43,92,.04);
}
.had-course-chapter[open]{
  border-color:#C8D9E7;
  box-shadow:0 18px 44px rgba(8,43,92,.10),0 3px 10px rgba(8,43,92,.04);
}
.had-course-chapter>summary{
  min-height:88px;
  padding:15px 18px 15px 20px;
  gap:14px;
  position:relative;
  z-index:2;
  background:
    radial-gradient(circle at 92% 0,rgba(216,155,58,.12),transparent 29%),
    linear-gradient(135deg,#FFFFFF 0%,#F8FBFD 66%,#F3F8FC 100%);
  color:#153A5D;
  box-shadow:inset 0 -1px 0 rgba(218,229,238,.58);
}
.had-course-chapter>summary>span{
  gap:4px;
}
.had-course-chapter>summary small{
  width:max-content;
  padding:4px 8px;
  display:inline-flex;
  align-items:center;
  border:1px solid #E7D5B1;
  border-radius:999px;
  background:#FFF8EA;
  color:#9A671D;
  font-size:.5rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.07em;
}
.had-course-chapter>summary b{
  color:#123B61;
  font-size:1rem;
  font-weight:950;
  line-height:1.45;
}
.had-course-chapter>summary em{
  flex:0 0 auto;
  padding:7px 11px;
  border:1px solid #DCE8F1;
  border-radius:999px;
  background:#EEF5FA;
  color:#315F81;
  font-size:.56rem;
  font-style:normal;
  font-weight:950;
  white-space:nowrap;
}
.had-course-chapter>summary>i{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(7,55,98,.08);
  border-radius:13px;
  background:linear-gradient(145deg,#0A3D72,#0D568F);
  color:#fff;
  box-shadow:0 8px 18px rgba(8,57,102,.18);
  font-size:.84rem;
  font-style:normal;
  font-weight:950;
  transition:transform .22s ease,box-shadow .22s ease;
}
.had-course-chapter:not([open])>summary>i{
  transform:rotate(180deg);
}
.had-course-chapter[open]>summary>i{
  box-shadow:0 6px 14px rgba(8,57,102,.14);
}
.had-course-chapter__lessons{
  padding:14px;
  border-top:0;
  background:linear-gradient(180deg,#F7FAFC 0%,#FFFFFF 100%);
}

@media(max-width:700px){
  .had-course-lessons-page{padding-top:18px}
  .had-course-chapters{margin-top:12px;gap:13px;padding-inline:2px}
  .had-course-chapter{border-radius:20px;box-shadow:0 11px 29px rgba(8,43,92,.10),0 2px 7px rgba(8,43,92,.035)}
  .had-course-chapter::before{width:3px}
  .had-course-chapter>summary{
    min-height:78px;
    padding:12px 12px 12px 14px;
    gap:9px;
  }
  .had-course-chapter>summary>span{gap:4px}
  .had-course-chapter>summary small{padding:4px 7px;font-size:.43rem}
  .had-course-chapter>summary b{font-size:.82rem;line-height:1.5}
  .had-course-chapter>summary em{padding:5px 8px;font-size:.45rem}
  .had-course-chapter>summary>i{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:.72rem}
  .had-course-chapter__lessons{padding:9px;background:linear-gradient(180deg,#F6F9FC,#FFFFFF)}
}

@media(max-width:390px){
  .had-course-chapter>summary{padding-inline:11px 12px;gap:7px}
  .had-course-chapter>summary em{padding:5px 7px}
  .had-course-chapter>summary>i{width:34px;height:34px;flex-basis:34px}
}

@media(prefers-reduced-motion:reduce){
  .had-course-chapter,.had-course-chapter>summary>i{transition:none!important}
  .had-course-chapter:not([open]):hover{transform:none!important}
}

/* v1.3.9 — Premium navy breadcrumb pills across course flows */
.course-breadcrumb,
.lesson-breadcrumb,
.had-course-lessons-breadcrumb,
.had-course-subscription-breadcrumb,
.had-course-service-breadcrumb{
  width:fit-content;
  max-width:100%;
  margin:0 0 18px;
  padding:9px;
  display:flex!important;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  overflow:visible;
  white-space:normal;
  border:1px solid #DCE6F0;
  border-radius:17px;
  background:linear-gradient(145deg,#FFFFFF,#F7FAFD);
  box-shadow:0 9px 24px rgba(8,43,92,.065);
  color:#60758A;
  font-size:.6875rem;
  font-weight:900;
}
.had-course-service-breadcrumb{margin-top:18px;margin-bottom:14px}
.course-breadcrumb>a,
.course-breadcrumb>b,
.lesson-breadcrumb>a,
.lesson-breadcrumb>b,
.had-course-lessons-breadcrumb>a,
.had-course-lessons-breadcrumb>b,
.had-course-subscription-breadcrumb>a,
.had-course-subscription-breadcrumb>b,
.had-course-service-breadcrumb>a,
.had-course-service-breadcrumb>b{
  min-height:36px;
  max-width:100%;
  padding:8px 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:linear-gradient(145deg,#082B5C,#0D4379);
  color:#FFFFFF!important;
  line-height:1.35;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(8,43,92,.16);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.course-breadcrumb>a:hover,
.lesson-breadcrumb>a:hover,
.had-course-lessons-breadcrumb>a:hover,
.had-course-subscription-breadcrumb>a:hover,
.had-course-service-breadcrumb>a:hover{
  transform:translateY(-1px);
  background:linear-gradient(145deg,#0A356E,#14558F);
  color:#FFFFFF!important;
  box-shadow:0 9px 18px rgba(8,43,92,.22);
}
.course-breadcrumb>b,
.lesson-breadcrumb>b,
.had-course-lessons-breadcrumb>b,
.had-course-subscription-breadcrumb>b,
.had-course-service-breadcrumb>b{
  border-color:#D6A24C;
  background:linear-gradient(145deg,#0A315F,#082B5C);
  box-shadow:inset 0 0 0 1px rgba(214,162,76,.20),0 6px 14px rgba(8,43,92,.14);
  font-weight:950;
}
.course-breadcrumb>span,
.lesson-breadcrumb>span,
.had-course-lessons-breadcrumb>span,
.had-course-subscription-breadcrumb>span,
.had-course-service-breadcrumb>span{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  color:#C88B31!important;
  font-size:1rem;
  font-weight:950;
  line-height:1;
}
@media(max-width:700px){
  .course-breadcrumb,
  .lesson-breadcrumb,
  .had-course-lessons-breadcrumb,
  .had-course-subscription-breadcrumb,
  .had-course-service-breadcrumb{
    width:100%;
    margin:8px 0 12px!important;
    padding:7px;
    gap:5px;
    border-radius:14px;
    font-size:.59375rem!important;
    box-shadow:0 7px 18px rgba(8,43,92,.055);
  }
  .course-breadcrumb>a,
  .course-breadcrumb>b,
  .lesson-breadcrumb>a,
  .lesson-breadcrumb>b,
  .had-course-lessons-breadcrumb>a,
  .had-course-lessons-breadcrumb>b,
  .had-course-subscription-breadcrumb>a,
  .had-course-subscription-breadcrumb>b,
  .had-course-service-breadcrumb>a,
  .had-course-service-breadcrumb>b{
    min-height:32px;
    padding:7px 10px;
    border-radius:9px;
    font-size:.59375rem;
  }
  .course-breadcrumb>span,
  .lesson-breadcrumb>span,
  .had-course-lessons-breadcrumb>span,
  .had-course-subscription-breadcrumb>span,
  .had-course-service-breadcrumb>span{
    width:14px;
    height:14px;
    flex-basis:14px;
    font-size:.8125rem;
  }
}


/* v1.6.1 — elegant navy 3D details button for course cards */
.course-card .card-footer .course-details-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  min-width:92px;
  padding:8px 16px;
  border-radius:14px;
  border:1px solid #0D376A !important;
  background:linear-gradient(180deg,#2A588F 0%,#1A467D 45%,#123564 100%) !important;
  color:#FFF !important;
  text-shadow:0 1px 0 rgba(6,20,46,.28);
  box-shadow:0 12px 22px rgba(10,37,75,.18),0 4px 0 #0A2850,inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.course-card .card-footer .course-details-btn::before{
  content:"";
  position:absolute;
  inset:1px 1px auto;
  height:46%;
  border-radius:12px 12px 10px 10px;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
  pointer-events:none;
}
.course-card .card-footer .course-details-btn:hover{
  background:linear-gradient(180deg,#31629C 0%,#204F89 48%,#163B6E 100%) !important;
  border-color:#123F78 !important;
  color:#FFF !important;
  transform:translateY(-2px);
  box-shadow:0 16px 28px rgba(10,37,75,.22),0 5px 0 #0A2850,inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.course-card .card-footer .course-details-btn:active{
  transform:translateY(2px);
  box-shadow:0 8px 14px rgba(10,37,75,.16),0 2px 0 #0A2850,inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.course-card .card-footer .course-details-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.94),0 0 0 6px rgba(23,74,136,.30),0 12px 22px rgba(10,37,75,.18),0 4px 0 #0A2850,inset 0 1px 0 rgba(255,255,255,.26) !important;
}
@media (max-width:700px){
  .course-card .card-footer .course-details-btn{
    min-height:34px;
    min-width:78px;
    padding:5px 11px;
    border-radius:11px;
    font-size:.625rem;
    box-shadow:0 8px 14px rgba(10,37,75,.14),0 3px 0 #0A2850,inset 0 1px 0 rgba(255,255,255,.22) !important;
  }
  .course-card .card-footer .course-details-btn::before{border-radius:9px 9px 8px 8px}
  .course-card .card-footer .course-details-btn:hover,
  .course-card .card-footer .course-details-btn:active{transform:none}
}

/* =========================================================
   v1.6.2 — Unified academic identity card
   ========================================================= */
.academic-identity{
  padding:34px 0 18px;
  background:
    radial-gradient(circle at 9% 18%,rgba(20,86,145,.075),transparent 29%),
    radial-gradient(circle at 91% 82%,rgba(212,154,74,.075),transparent 28%),
    linear-gradient(180deg,#F8FAFD 0%,#FFFFFF 100%);
}
.academic-identity__container{max-width:1220px}
.academic-identity__card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:26px 28px;
  border:1px solid #DDE7F0;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(247,250,253,.98));
  box-shadow:0 18px 48px rgba(8,43,92,.085),inset 0 1px 0 rgba(255,255,255,.95);
}
.academic-identity__card::before{
  content:"";
  position:absolute;
  top:0;
  right:20%;
  left:20%;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#D9A047 38%,#1C5B96 68%,transparent);
}
.academic-identity__card::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  left:-145px;
  bottom:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,83,139,.08),rgba(24,83,139,0) 70%);
  pointer-events:none;
}
.academic-identity__logo{
  width:150px;
  height:150px;
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #DFE8F1;
  border-radius:25px;
  background:linear-gradient(145deg,#FFFFFF,#F2F6FA);
  box-shadow:0 12px 30px rgba(8,43,92,.08),inset 0 1px 0 #fff;
}
.academic-identity__logo img{width:100%;height:100%;padding:12px;object-fit:contain}
.academic-identity__logo span{color:#164F86;font-size:3rem;font-weight:950}
.academic-identity__content{min-width:0;position:relative;z-index:1}
.academic-identity__topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.academic-identity__type,
.academic-identity__course-count,
.academic-identity__branch-count{
  min-height:30px;
  padding:5px 10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:1px solid #DFE7EF;
  border-radius:999px;
  background:#fff;
  color:#61768B;
  font-size:.625rem;
  font-weight:850;
  box-shadow:0 4px 12px rgba(8,43,92,.035);
}
.academic-identity__type{border-color:#C9DBEA;background:#EEF6FC;color:#15558E}
.academic-identity__course-count b,.academic-identity__branch-count b{color:#123C67;font-size:.75rem}
.academic-identity__content h1{margin:9px 0 4px;color:#102F52;font-size:2.1rem;font-weight:950;line-height:1.35;letter-spacing:-.6px}
.academic-identity__context{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#71869A;font-size:.6875rem;font-weight:750}
.academic-identity__context a{color:#20598E;font-weight:900}
.academic-identity__context a:hover{color:#0B447A}
.academic-identity__context-separator{color:#A8B5C1;font-size:.9rem}
.academic-identity__context-dot{color:#C5A46B}
.academic-identity__description{max-width:760px;margin:10px 0 0;color:#60758B;font-size:.8125rem;line-height:1.9}
.academic-identity__quicklinks{margin-top:14px;display:grid;gap:7px}
.academic-identity__quicklinks-label{color:#7B8EA1;font-size:.5625rem;font-weight:900}
.academic-identity__chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.academic-identity__chip{
  min-height:34px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #DCE6EF;
  border-radius:11px;
  background:#FFFFFF;
  color:#234F7B;
  font-size:.59375rem;
  font-weight:900;
  box-shadow:0 5px 14px rgba(8,43,92,.035);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.academic-identity__chip:hover{transform:translateY(-1px);border-color:#BFD3E5;background:#F4F9FD;color:#0B4B84;box-shadow:0 8px 18px rgba(8,43,92,.07)}
.academic-identity__chip.is-active{border-color:#1A568E;background:linear-gradient(145deg,#174E82,#0D3D70);color:#fff;box-shadow:0 8px 18px rgba(8,52,99,.18)}
.academic-identity__chip.is-more{border-style:dashed;background:#F8FAFC;color:#667C91}
.academic-identity__action{position:relative;z-index:1;align-self:start;padding-top:2px}
.academic-identity__action .btn{white-space:nowrap;box-shadow:0 8px 18px rgba(8,43,92,.06)}
.academic-identity + .university-structure-section,
.academic-identity + .section{padding-top:30px}

@media(max-width:900px){
  .academic-identity__card{grid-template-columns:112px minmax(0,1fr);gap:18px;padding:22px}
  .academic-identity__logo{width:112px;height:112px;border-radius:21px}
  .academic-identity__action{grid-column:2;align-self:auto;padding-top:0}
  .academic-identity__content h1{font-size:1.8rem}
}

@media(max-width:700px){
  .academic-identity{
    padding:10px 0 6px!important;
    background:linear-gradient(180deg,#F4F8FC 0%,#FFFFFF 100%)!important;
  }
  .academic-identity__container{width:calc(100% - 14px)!important;max-width:none!important}
  .academic-identity__card{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:11px!important;
    padding:13px 12px 12px!important;
    border-radius:20px!important;
    box-shadow:0 11px 26px rgba(8,43,92,.07),inset 0 1px 0 #fff!important;
  }
  .academic-identity__card::before{right:26%;left:26%;height:2px}
  .academic-identity__card::after{width:170px;height:170px;left:-105px;bottom:-115px}
  .academic-identity__logo{width:72px!important;height:72px!important;border-radius:17px!important;align-self:start}
  .academic-identity__logo img{padding:7px!important}
  .academic-identity__logo span{font-size:1.8rem}
  .academic-identity__topline{gap:4px!important}
  .academic-identity__type,
  .academic-identity__course-count,
  .academic-identity__branch-count{min-height:23px;padding:3px 7px;font-size:.46875rem;box-shadow:none}
  .academic-identity__course-count b,.academic-identity__branch-count b{font-size:.55rem}
  .academic-identity__content h1{margin:6px 0 3px!important;font-size:1.18rem!important;line-height:1.42!important;letter-spacing:-.25px!important}
  .academic-identity__context{gap:4px;font-size:.5rem;line-height:1.5}
  .academic-identity__context-separator{font-size:.68rem}
  .academic-identity__description{margin-top:7px!important;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.575rem!important;line-height:1.72!important}
  .academic-identity__quicklinks{grid-column:1/-1;margin-top:9px!important;gap:5px!important}
  .academic-identity__quicklinks-label{font-size:.47rem}
  .academic-identity__chips{margin-inline:-1px;padding-bottom:2px;display:flex!important;gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .academic-identity__chips::-webkit-scrollbar{display:none}
  .academic-identity__chip{min-height:31px!important;max-width:170px;flex:0 0 auto;padding:6px 9px!important;border-radius:10px!important;font-size:.5rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:start;box-shadow:none!important}
  .academic-identity__chip:hover{transform:none!important}
  .academic-identity__action{grid-column:1/-1!important;padding-top:1px!important}
  .academic-identity__action .btn{width:100%;min-height:35px;padding:6px 10px;font-size:.55rem}
  .academic-identity + .university-structure-section,
  .academic-identity + .section{padding-top:12px!important}
  body.single-had_university .academic-identity,
  body.single-had_college .academic-identity,
  body.tax-had_specialty .academic-identity{display:block!important}
}

@media(max-width:370px){
  .academic-identity__card{grid-template-columns:64px minmax(0,1fr)!important;padding:11px 10px!important;gap:9px!important}
  .academic-identity__logo{width:64px!important;height:64px!important;border-radius:15px!important}
  .academic-identity__content h1{font-size:1.06rem!important}
  .academic-identity__type,.academic-identity__course-count,.academic-identity__branch-count{padding-inline:6px;font-size:.43rem}
}

/* v1.6.3 — unified section headers + skeleton loading */
.had-section-head{
  position:relative;
  margin-bottom:24px !important;
  padding:0 16px 0 0;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:22px !important;
}
.had-section-head::before{
  content:"";
  position:absolute;
  top:4px;
  right:0;
  width:4px;
  height:calc(100% - 8px);
  min-height:42px;
  border-radius:999px;
  background:linear-gradient(180deg,#123E70 0%,#D69A3A 100%);
  box-shadow:0 4px 12px rgba(18,62,112,.12);
}
.had-section-head__copy{min-width:0;max-width:760px;display:grid;gap:3px}
.had-section-head .section-kicker{margin:0 0 2px;color:#A86F20;font-size:.65rem;font-weight:950;letter-spacing:.025em}
.had-section-head h2{margin:0 !important;color:#173B5F;font-size:clamp(1.55rem,2.25vw,2rem) !important;line-height:1.28;letter-spacing:-.02em}
.had-section-head p{max-width:680px;margin:4px 0 0 !important;color:#708399;font-size:.78rem !important;line-height:1.8}
.had-section-head__actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.had-section-count{
  min-height:37px;
  padding:6px 11px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #DCE6EF;
  border-radius:999px;
  background:linear-gradient(180deg,#FFF,#F6F9FC);
  color:#5F7388;
  box-shadow:0 5px 13px rgba(18,47,78,.055);
  white-space:nowrap;
}
.had-section-count strong{color:#163F6B;font-size:.82rem;font-weight:950;line-height:1}
.had-section-count small{color:#718398;font-size:.59rem;font-weight:850;line-height:1}
.had-section-link{
  min-height:37px;
  padding:7px 12px !important;
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  border:1px solid #D9E4EE;
  border-radius:11px;
  background:#fff;
  color:#174779 !important;
  font-size:.68rem !important;
  font-weight:900;
  box-shadow:0 5px 13px rgba(18,47,78,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.had-section-link i{font-style:normal;font-size:.86rem;transition:transform .18s ease}
.had-section-link:hover{border-color:#ADC3D8;background:#F7FAFD;transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,47,78,.075)}
.had-section-link:hover i{transform:translateX(-2px)}
.had-section-head--compact{margin-bottom:16px !important}
.had-section-head--compact h2{font-size:1.35rem !important}
.course-results-head.had-section-head{margin-top:28px !important;margin-bottom:18px !important}
.course-results-head.had-section-head.is-loading{opacity:.72}

/* Search suggestion skeletons. */
.had-search-skeleton{
  min-height:58px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border-bottom:1px solid #EDF2F6;
}
.had-search-skeleton:last-child{border-bottom:0}
.had-search-skeleton__icon{width:34px;height:34px;border-radius:10px}
.had-search-skeleton__copy{display:grid;gap:7px}
.had-search-skeleton__copy i{display:block;height:8px;border-radius:999px}
.had-search-skeleton__copy i:first-child{width:min(72%,180px)}
.had-search-skeleton__copy i:last-child{width:min(38%,90px);height:6px}

/* Course-card skeletons match the live course card footprint. */
.had-skeleton-course{pointer-events:none;user-select:none;transform:none !important}
.had-skeleton-course:hover{transform:none !important}
.had-skeleton-course .card-media{height:215px}
.had-skeleton-course .card-body{gap:10px}
.had-skeleton-course__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.had-skeleton-course__top .had-skeleton-block:first-child{width:56px;height:10px;border-radius:999px}
.had-skeleton-course__top .had-skeleton-block:last-child{width:44px;height:18px;border-radius:999px}
.had-skeleton-course__title{display:block;width:78%;height:16px;border-radius:7px}
.had-skeleton-course__line{display:block;width:52%;height:9px;border-radius:999px}
.had-skeleton-course__price{display:block;width:76px;height:15px;border-radius:6px}
.had-skeleton-course__button{display:block;width:88px;height:38px;border-radius:13px}
.had-skeleton-block{
  position:relative;
  overflow:hidden;
  background:#E8EDF2 !important;
  color:transparent !important;
}
.had-skeleton-block::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(105%);
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.72) 48%,transparent 100%);
  animation:had-skeleton-shimmer 1.25s ease-in-out infinite;
}
@keyframes had-skeleton-shimmer{to{transform:translateX(-105%)}}

@media(max-width:700px){
  .had-section-head{
    margin-bottom:16px !important;
    padding:0 11px 0 0;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .had-section-head::before{top:2px;width:3px;height:46px;min-height:0}
  .had-section-head__copy{gap:1px}
  .had-section-head .section-kicker{font-size:.5rem}
  .had-section-head h2{font-size:1.18rem !important;line-height:1.4}
  .had-section-head p{margin-top:2px !important;font-size:.57rem !important;line-height:1.65}
  .had-section-head__actions{width:100%;justify-content:space-between;gap:8px}
  .had-section-count{min-height:30px;padding:4px 8px;gap:4px}
  .had-section-count strong{font-size:.68rem}.had-section-count small{font-size:.48rem}
  .had-section-link{min-height:30px;padding:5px 9px !important;border-radius:9px;font-size:.53rem !important}
  .had-section-head--mobile-compact{margin-bottom:12px !important}
  .had-section-head--mobile-compact p{display:none}
  .course-results-head.had-section-head{margin-top:18px !important;margin-bottom:13px !important}
  .had-skeleton-course .card-media{height:100%;min-height:150px}
  .had-skeleton-course .card-body{gap:7px}
  .had-skeleton-course__title{height:12px;width:82%}
  .had-skeleton-course__line{height:7px;width:58%}
  .had-skeleton-course__price{width:58px;height:11px}
  .had-skeleton-course__button{width:72px;height:32px;border-radius:10px}
  .had-search-skeleton{min-height:52px;padding:8px 10px;grid-template-columns:30px minmax(0,1fr);gap:8px}
  .had-search-skeleton__icon{width:30px;height:30px;border-radius:9px}
}
@media(max-width:420px){
  .had-section-head__actions{justify-content:flex-start;flex-wrap:wrap}
  .had-section-link{margin-inline-start:auto}
}
@media(prefers-reduced-motion:reduce){
  .had-skeleton-block::after{animation:none;display:none}
  .had-section-link,.had-section-link i{transition:none}
}


/* v1.6.12 — Homepage affiliate program showcase */
.had-home-affiliate{padding:54px 0}
.had-home-affiliate__shell{position:relative;isolation:isolate;overflow:hidden;padding:34px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:stretch;gap:30px;border:1px solid #dbe6f0;border-radius:30px;background:radial-gradient(circle at 92% 4%,rgba(212,154,74,.12),transparent 26%),radial-gradient(circle at 4% 94%,rgba(20,91,151,.10),transparent 28%),linear-gradient(145deg,#fbfdff,#f4f8fc);box-shadow:0 22px 58px rgba(8,43,92,.09)}
.had-home-affiliate__shell::before{content:"";position:absolute;inset:0 0 auto;height:4px;z-index:-1;background:linear-gradient(90deg,#0b5c98,#153f72 58%,#d49a4a)}
.had-home-affiliate__copy{min-width:0;padding:8px 4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.had-home-affiliate__kicker{display:inline-flex;align-items:center;min-height:31px;padding:5px 11px;border:1px solid #ccdfef;border-radius:999px;background:#edf5fb;color:#145d92;font-size:.62rem;font-weight:950}
.had-home-affiliate__copy h2{max-width:620px;margin:13px 0 8px;color:#102f50;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.25;letter-spacing:-.035em}
.had-home-affiliate__copy>p{max-width:650px;margin:0;color:#60758a;font-size:.9rem;font-weight:700;line-height:1.9}
.had-home-affiliate__benefits{margin-top:19px;display:flex;flex-wrap:wrap;gap:8px}
.had-home-affiliate__benefits span{min-height:34px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dbe6ef;border-radius:999px;background:rgba(255,255,255,.82);color:#405c75;font-size:.63rem;font-weight:900;box-shadow:0 4px 12px rgba(8,43,92,.03)}
.had-home-affiliate__benefits i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e8f5ef;color:#147454;font-size:.6rem;font-style:normal}
.had-home-affiliate__actions{margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.had-home-affiliate__primary{min-height:48px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #0c477b;border-radius:14px;background:linear-gradient(135deg,#0a315f,#0d528b);color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 10px 24px rgba(8,43,92,.18);transition:transform .18s ease,box-shadow .18s ease}
.had-home-affiliate__primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}
.had-home-affiliate__primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,43,92,.23)}
.had-home-affiliate__secondary{min-height:44px;padding:9px 13px;display:inline-flex;align-items:center;border:1px solid #cfdae5;border-radius:13px;background:rgba(255,255,255,.72);color:#315875;font-size:.65rem;font-weight:900;transition:border-color .18s ease,background .18s ease}
.had-home-affiliate__secondary:hover{border-color:#9fb8cc;background:#fff;color:#153f72}
.had-home-affiliate__status{margin-top:9px;color:#8190a0;font-size:.56rem;font-weight:750;line-height:1.65}
.had-home-affiliate__visual{min-width:0;padding:19px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:radial-gradient(circle at 90% 8%,rgba(99,169,223,.23),transparent 30%),linear-gradient(145deg,#092a55,#0b477b);box-shadow:0 18px 38px rgba(8,43,92,.16);color:#fff}
.had-home-affiliate__visual-head{padding:0 3px 13px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.had-home-affiliate__visual-head span{color:#9fc4e2;font-size:.56rem;font-weight:900}
.had-home-affiliate__visual-head strong{color:#fff;font-size:.8rem}
.had-home-affiliate__steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;counter-reset:none}
.had-home-affiliate__steps li{min-width:0;min-height:175px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.had-home-affiliate__steps li> b{position:absolute;top:8px;left:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.10);color:#c7dced;font-size:.52rem}
.had-home-affiliate__step-icon{width:46px;height:46px;margin:4px 0 10px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#0b5f9b;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.had-home-affiliate__step-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-home-affiliate__steps strong{color:#fff;font-size:.7rem;line-height:1.5}
.had-home-affiliate__steps small{margin-top:4px;color:#bdd1e2;font-size:.53rem;font-weight:700;line-height:1.65}
.had-home-affiliate__mini-panel{margin-top:9px;padding:10px 11px;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:9px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(2,20,44,.24)}
.had-home-affiliate__mini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.10);color:#f0bd67}
.had-home-affiliate__mini-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.had-home-affiliate__mini-panel>span:last-child{min-width:0;display:grid;gap:1px}
.had-home-affiliate__mini-panel small{color:#9ebbd3;font-size:.5rem;font-weight:800}
.had-home-affiliate__mini-panel strong{overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:.58rem;line-height:1.55;white-space:nowrap}

@media(max-width:900px){
  .had-home-affiliate__shell{grid-template-columns:1fr;gap:18px}
  .had-home-affiliate__copy{padding:3px}
}
@media(max-width:700px){
  body.home .had-home-affiliate,body.front-page .had-home-affiliate{order:55!important}
  .had-home-affiliate{padding:25px 0}
  .had-home-affiliate>.container{width:calc(100% - 18px)!important}
  .had-home-affiliate__shell{padding:15px;gap:14px;border-radius:22px;box-shadow:0 12px 30px rgba(8,43,92,.07)}
  .had-home-affiliate__shell::before{height:3px}
  .had-home-affiliate__copy{align-items:stretch;padding:1px}
  .had-home-affiliate__kicker{width:max-content;min-height:26px;padding:4px 8px;font-size:.5rem}
  .had-home-affiliate__copy h2{margin:9px 0 5px;font-size:1.35rem;line-height:1.35}
  .had-home-affiliate__copy>p{font-size:.6rem;line-height:1.75}
  .had-home-affiliate__benefits{margin-top:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .had-home-affiliate__benefits span{min-width:0;min-height:32px;padding:5px 5px;justify-content:center;border-radius:10px;text-align:center;font-size:.49rem;line-height:1.35}
  .had-home-affiliate__benefits i{width:15px;height:15px;flex:0 0 15px;font-size:.48rem}
  .had-home-affiliate__actions{margin-top:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .had-home-affiliate__primary{min-height:42px;padding:8px 11px;border-radius:11px;font-size:.58rem}
  .had-home-affiliate__primary svg{width:15px;height:15px}
  .had-home-affiliate__primary:hover{transform:none}
  .had-home-affiliate__secondary{min-height:42px;padding:8px 10px;border-radius:11px;font-size:.52rem}
  .had-home-affiliate__status{margin-top:6px;font-size:.47rem;line-height:1.6}
  .had-home-affiliate__visual{padding:11px;border-radius:18px}
  .had-home-affiliate__visual-head{padding:0 1px 8px}
  .had-home-affiliate__visual-head span{font-size:.48rem}.had-home-affiliate__visual-head strong{font-size:.62rem}
  .had-home-affiliate__steps{gap:5px}
  .had-home-affiliate__steps li{min-height:135px;padding:10px 5px 8px;border-radius:13px}
  .had-home-affiliate__steps li>b{top:6px;left:6px;width:17px;height:17px;border-radius:6px;font-size:.44rem}
  .had-home-affiliate__step-icon{width:36px;height:36px;margin:3px 0 8px;border-radius:11px}
  .had-home-affiliate__step-icon svg{width:18px;height:18px}
  .had-home-affiliate__steps strong{font-size:.55rem;line-height:1.45}
  .had-home-affiliate__steps small{margin-top:3px;font-size:.45rem;line-height:1.55}
  .had-home-affiliate__mini-panel{margin-top:6px;padding:8px;grid-template-columns:29px minmax(0,1fr);gap:7px;border-radius:11px}
  .had-home-affiliate__mini-icon{width:28px;height:28px;border-radius:8px}.had-home-affiliate__mini-icon svg{width:16px;height:16px}
  .had-home-affiliate__mini-panel small{font-size:.43rem}.had-home-affiliate__mini-panel strong{font-size:.48rem}
}
@media(max-width:390px){
  .had-home-affiliate__shell{padding:12px}
  .had-home-affiliate__benefits{gap:4px}
  .had-home-affiliate__benefits span{padding-inline:3px;font-size:.46rem}
  .had-home-affiliate__actions{grid-template-columns:1fr}
  .had-home-affiliate__secondary{justify-content:center}
  .had-home-affiliate__steps li{min-height:142px;padding-inline:4px}
  .had-home-affiliate__steps small{font-size:.42rem}
}
@media(prefers-reduced-motion:reduce){.had-home-affiliate__primary{transition:none}.had-home-affiliate__secondary{transition:none}}

/* v1.6.14 — third Hero CTA for the ambassador program */
.had-home-hero-primary__ambassador{border:1px solid #b9781f;background:linear-gradient(135deg,#fff8e8,#f5dfb2);color:#163b60;box-shadow:0 13px 28px rgba(173,112,25,.12)}
.had-home-hero-primary__ambassador:hover{color:#102f50;box-shadow:0 16px 32px rgba(173,112,25,.18)}
@media(max-width:700px){
  body.home .had-home-hero-primary__actions,body.front-page .had-home-hero-primary__actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.home .had-home-hero-primary__actions a,body.front-page .had-home-hero-primary__actions a{min-width:0!important;padding-inline:5px!important;gap:5px!important;white-space:nowrap!important}
  body.home .had-home-hero-primary__ambassador,body.front-page .had-home-hero-primary__ambassador{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
  body.home .had-home-hero-primary__actions svg,body.front-page .had-home-hero-primary__actions svg{width:13px!important;height:13px!important;flex:0 0 13px!important}
}
@media(max-width:390px){
  body.home .had-home-hero-primary__actions,body.front-page .had-home-hero-primary__actions{gap:5px!important}
  body.home .had-home-hero-primary__actions a,body.front-page .had-home-hero-primary__actions a{padding-inline:4px!important;font-size:.48rem!important;gap:4px!important}
  body.home .had-home-hero-primary__actions svg,body.front-page .had-home-hero-primary__actions svg{width:12px!important;height:12px!important;flex-basis:12px!important}
}

