:root{--blue:#3157ff;--purple:#6f45ff;--dark:#101735;--muted:#65718b;--light:#f6f8ff;--border:#e8ecf8;--green:#00b67a}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#111936;background:#fff}
a{text-decoration:none;color:inherit}
code{background:#eef2ff;border:1px solid var(--border);border-radius:6px;padding:2px 6px}
.help{color:var(--muted);font-size:14px}
.container{width:min(1180px,92%);margin:auto}
.top{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--border)}
.nav{min-height:78px;display:flex;align-items:center;gap:28px}
.logo{font-size:24px;font-weight:900;color:var(--blue);margin-right:auto;display:flex;align-items:center;gap:10px;min-width:0}
.logo img{width:auto;height:38px;max-width:180px;object-fit:contain;display:block}
.logo span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--blue);color:#fff;border-radius:9px;font-size:18px}
nav{display:flex;gap:28px;font-weight:700;color:#1d2440}
.actions{display:flex;gap:12px;align-items:center}
.menu-toggle,.admin-menu-toggle{display:none}
.btn,.btn2,button{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border:0;border-radius:12px;padding:14px 22px;font-weight:800;cursor:pointer;display:inline-block}
.btn2{background:#fff;color:var(--blue);border:1px solid var(--border)}
.cart{font-weight:800;display:inline-flex;align-items:center;gap:7px}
.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-radius:999px;font-size:12px;line-height:1}
.hero{background:radial-gradient(circle at 78% 12%,#dfe4ff,transparent 34%),linear-gradient(180deg,#fff,#f7f8ff);padding:26px 0}
.hero-shell{min-height:540px}
.hero-copy{position:absolute;left:0;top:0;bottom:0;width:min(560px,52%);display:flex;flex-direction:column;justify-content:center;padding:40px 48px;z-index:2;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 72%,rgba(255,255,255,0) 100%)}
.eyebrow{display:inline-block;color:var(--blue);font-weight:900;margin-bottom:14px}
.hero h1{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:0 0 18px;color:#121936;max-width:520px;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.hero h1 span{color:var(--blue)}
.hero p{font-size:20px;color:var(--muted);line-height:1.55}
.hero-course-summary{max-width:500px;margin-bottom:12px}
.hero-course-highlight{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:max-content;max-width:100%;padding:12px 16px;margin:0 0 18px;background:rgba(255,255,255,.92);border:1px solid #cfd7ff;border-left:5px solid var(--blue);border-radius:8px;box-shadow:0 14px 35px #1b256018;color:#1f2a55}
.hero-course-highlight span{font-weight:800;color:#405078}
.hero-course-highlight strong{color:var(--blue);font-size:18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.course-slider{position:relative;min-height:540px;aspect-ratio:2.05/1;border-radius:8px;overflow:hidden;background:#101735;border:1px solid var(--border);box-shadow:0 24px 60px #1b256024}
.course-slide{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .45s ease}
.course-slide.active{opacity:1;pointer-events:auto}
.course-slide img{width:100%;height:100%;object-fit:cover;object-position:center center;background:#101735}
.course-slide:nth-child(1) img,.course-slide:nth-child(4) img{object-position:center right}
.course-slide:nth-child(2) img,.course-slide:nth-child(7) img{object-position:center center}
.course-slide:nth-child(3) img,.course-slide:nth-child(5) img,.course-slide:nth-child(6) img{object-position:center 42%}
.slider-dots{position:absolute;right:24px;bottom:20px;display:flex;gap:8px}
.slider-dots button{width:11px;height:11px;border-radius:999px;padding:0;background:#ffffff99}
.slider-dots button.active{width:30px;background:#fff}
.login-card,.card{background:#fff;border:1px solid var(--border);box-shadow:0 18px 45px #1b256014;border-radius:8px;padding:24px}
.login-card input,.form input,.form textarea,.form select{width:100%;border:1px solid var(--border);border-radius:12px;padding:14px;margin:8px 0 12px;background:#fff}
.login-card button{width:100%;margin-top:8px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.feature{padding:22px;border:1px solid var(--border);border-radius:8px;background:#fff;display:flex;gap:14px}
.ico{width:52px;height:52px;background:#ebeaff;color:var(--blue);border-radius:8px;display:grid;place-items:center;font-size:28px}
.section{padding:36px 0}
.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.title{font-size:28px;margin:0}
.courses{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.course{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #1b25600b;display:flex;flex-direction:column}
.course img{width:100%;height:170px;object-fit:cover;background:#eef2ff}
.course .body{padding:16px;display:flex;flex:1;flex-direction:column}
.course h3{line-height:1.25}
.course-meta{color:var(--muted);font-size:14px}
.course-bottom{margin-top:auto;display:flex;align-items:flex-start;gap:12px;justify-content:space-between;flex-wrap:wrap}
.tag{display:inline-block;background:#eeeaff;color:var(--blue);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}
.price{font-size:20px;color:var(--blue);font-weight:900}
.page-heading{max-width:760px;margin-bottom:22px}
.page-heading p{color:var(--muted);font-size:18px;line-height:1.55}
.search-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:18px}
.search-row input{min-width:0;width:100%;border:1px solid var(--border);border-radius:12px;padding:14px;background:#fff}
.search-row button{width:100%}
.category-chips{display:flex;gap:8px;flex-wrap:wrap}
.category-chips a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;background:#f1f3ff;border:1px solid var(--border);border-radius:999px;color:#263052;font-weight:800;font-size:13px}
.category-chips a.active{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-color:transparent}
.trust-band{padding:22px 0;background:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trust-grid div{border:1px solid var(--border);border-radius:8px;background:#fff;padding:18px}
.trust-grid strong{display:block;color:var(--blue);font-size:22px;margin-bottom:4px}
.trust-grid span{color:var(--muted);font-weight:700}
.soft-section{background:#f7f8ff}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.testimonial-grid p{color:#2b3558;line-height:1.55}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-stack{grid-template-columns:1fr}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--border);padding:18px;border-radius:8px}
.footer{background:#0d1735;color:#dfe6ff;margin-top:40px;padding:38px 0 12px}
.footer h2,.footer h3{color:#fff}
.footer a{display:block;margin:8px 0;color:#dfe6ff}
.grid4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:28px}
.newsletter{display:flex}
.newsletter input{flex:1;padding:14px;border:0;border-radius:8px 0 0 8px}
.newsletter button{border-radius:0 8px 8px 0}
.copy{text-align:center;border-top:1px solid #263052;margin-top:25px;padding-top:12px;color:#9aa6c8}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:20;background:#16b970;color:#fff;border-radius:999px;padding:13px 18px;font-weight:900;box-shadow:0 16px 36px #0f7a4a40}
.page{padding:38px 0}
.layout{display:grid;grid-template-columns:260px 1fr;gap:26px}
.sidebar{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px;height:max-content}
.admin{display:flex;min-height:100vh;background:#f5f7ff}
.admin aside{width:260px;background:#0d1735;color:#fff;padding:22px}
.admin aside a{display:block;color:#dfe6ff;padding:12px;border-radius:8px}
.admin aside a:hover{background:#1a2550}
.admin main{flex:1;padding:28px}
.admin-brand{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center;margin:0 0 18px}
.admin-brand img,.admin-brand span{grid-row:1/3;width:44px;height:44px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,.08)}
.admin-brand span{display:grid;place-items:center;background:var(--blue);color:#fff}
.admin-brand strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}
.admin-brand small{color:#b9c8ff;font-size:12px;font-weight:700}
.admin-page-actions{display:flex;gap:10px;flex-wrap:wrap}
.admin-actions-cell{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin-actions-cell a{font-weight:800;color:var(--blue)}
.admin-course-form{display:grid;gap:4px}
.admin-field{border-bottom:1px solid #edf2ff;padding:6px 0 12px}
.admin-field>label{display:block;margin:0 0 4px;color:#0d1735;font-weight:900}
.admin-field .help{margin:0 0 7px;line-height:1.45;color:#63708a}
.admin-field input,.admin-field textarea,.admin-field select{margin:0}
.admin-image-current{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#f8fbff;color:#63708a;font-size:13px;font-weight:700}
.admin-image-current img{width:86px;height:48px;object-fit:cover;border-radius:6px;background:#e8eefc}
.admin-logo-current{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#f8fbff;color:#63708a;font-size:13px;font-weight:700}
.admin-logo-current img{width:110px;height:56px;object-fit:contain;border-radius:6px;background:#fff}
.admin-checks{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 14px}
.admin-checks label{margin:0}
.admin-bulk-form{margin-top:16px}
.admin-bulk-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:0;border-radius:8px 8px 0 0}
.admin-bulk-toolbar label{display:flex;align-items:center;gap:8px;font-weight:900;color:#0d1735}
.admin-bulk-toolbar input[type=checkbox],.admin-courses-table input[type=checkbox]{width:18px;height:18px;margin:0}
.admin-bulk-toolbar select{width:auto;min-width:210px;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff}
.admin-bulk-toolbar button{padding:12px 18px}
.admin-courses-table{border-radius:0 0 8px 8px}
.status-toggle{min-width:104px;padding:9px 13px;border-radius:999px;font-size:13px;box-shadow:none}
.status-toggle.is-active{background:#e9fff2;color:#11733f;border:1px solid #a7efc4}
.status-toggle.is-draft{background:#fff8ed;color:#8d5814;border:1px solid #f3ce99}
.hidden-form{display:none}
.notice.ok{background:#e9fff2;border:1px solid #a7efc4;color:#11733f}
.notice.danger{background:#ffeff0;border:1px solid #ffc3c8;color:#a31927}
.preview-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.preview-toolbar h1{margin:10px 0}
.preview-actions{display:flex;gap:10px;flex-wrap:wrap}
.form label{display:flex;align-items:center;gap:10px;margin:10px 0;color:#1f2a55}
.form.admin-course-form .admin-field>label{display:block;margin:0 0 4px;color:#0d1735;font-weight:900}
.form label input[type=checkbox]{width:18px;height:18px;margin:0;flex:0 0 auto}
.auth-page{background:linear-gradient(180deg,#fff,#f6f8ff);min-height:100vh}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:22px 0}
.auth-card{width:min(460px,100%)}
.auth-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}
.table th,.table td{padding:14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.notice{padding:14px;border-radius:8px;background:#eaffef;color:#116b28;margin:12px 0}
.danger{background:#ffebee;color:#9b1622}
.lesson{display:grid;grid-template-columns:280px 1fr;gap:20px}
.video{background:#0d1735;color:#fff;border-radius:8px;height:360px;display:grid;place-items:center;text-align:center}
@media(max-width:1000px){.hero-shell,.layout,.lesson,.info-grid{grid-template-columns:1fr}.course-slider{min-height:580px}.hero-copy{left:0;right:0;top:0;bottom:auto;width:100%;min-height:360px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82),rgba(255,255,255,0));padding:36px}.courses,.blog-grid,.features,.grid4,.stats,.trust-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.nav{height:auto;flex-wrap:wrap;padding:15px 0}.hero h1{font-size:40px}.admin{display:block;padding-top:66px}.admin-menu-toggle{display:inline-block;position:fixed;top:12px;left:12px;z-index:40}.admin aside{position:fixed;top:0;bottom:0;left:0;z-index:35;transform:translateX(-100%);transition:transform .25s ease;overflow:auto}.admin aside.open{transform:translateX(0)}.admin main{padding:28px 18px}.table{display:block;overflow:auto;white-space:nowrap}}
@media(max-width:720px){body{overflow-x:hidden}.container{width:100%;padding-left:18px;padding-right:18px}.menu-toggle{display:inline-block;padding:10px 12px;white-space:nowrap}.nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.nav nav,.nav .actions{display:none;width:100%;grid-column:1/-1;gap:10px}.nav nav.open,.nav .actions.open{display:flex}.nav nav{flex-direction:column;background:#fff;border-top:1px solid var(--border);padding-top:12px}.nav .actions{align-items:stretch;flex-direction:column}.nav .actions .btn,.nav .actions .cart{text-align:center}.logo{font-size:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:0}.hero{padding:16px 0}.hero-copy{padding:24px}.hero h1{font-size:31px}.hero p{font-size:17px}.course-slider{min-height:640px}.hero-course-highlight{width:100%}.title-row,.preview-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.search-row{grid-template-columns:1fr}.newsletter{display:grid}.newsletter input,.newsletter button{border-radius:8px}.whatsapp-float{right:12px;bottom:12px;padding:11px 14px}}
@media(max-width:620px){.courses,.blog-grid,.features,.grid4,.stats,.trust-grid,.testimonial-grid{grid-template-columns:1fr}.course-slider{min-height:620px}.hero-copy{padding:26px}.hero h1{font-size:34px}.auth-card{padding:20px}.auth-card h1{font-size:26px}.course-bottom .btn{width:100%;text-align:center}}

.muted{color:var(--muted)}
.student-area{background:#f4f7fc;color:#0f172a}
.student-area aside{background:linear-gradient(180deg,#08204a,#06142f);box-shadow:8px 0 25px rgba(8,32,74,.18)}
.student-area aside a{display:flex;align-items:center;gap:10px;color:#dbeafe;font-size:14px;font-weight:800;margin:4px 0}
.student-area aside a:hover,.student-area aside a.active{background:rgba(59,130,246,.22);color:#fff}
.student-area .brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.student-area .brand .logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#4fa3ff,#0b5cff);display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px}
.student-area .brand h2{margin:0;font-size:18px;line-height:1}
.student-area .brand small{color:#b6cdfd}
.student-area .userbox{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);padding:12px;border-radius:8px;margin:12px 0 20px}
.student-area .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#60a5fa);display:grid;place-items:center;color:#08306f;font-weight:900}
.student-area .topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.student-area .topbar h1{margin:0;font-size:28px}
.student-area .topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.student-area .course-grid-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.student-area .shortcut{padding:18px;text-align:center;border-radius:8px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 35px rgba(15,23,42,.08)}
.student-area .shortcut strong{display:block;margin-top:8px}
.student-area .stat-card{display:flex;align-items:center;gap:15px}
.student-area .stat-icon{width:50px;height:50px;border-radius:8px;display:grid;place-items:center;background:#eef4ff;color:#3157ff;font-size:22px}
.student-area .stat-card h3{margin:0;color:var(--muted);font-size:13px}
.student-area .stat-card h1{margin:5px 0 0;font-size:27px}
.student-area .progress{height:9px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.student-area .progress span{display:block;height:100%;background:linear-gradient(90deg,#3157ff,#00b67a);border-radius:999px}
.student-area .badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef4ff;color:#3157ff;font-weight:900;font-size:12px}
.student-area .badge.green{background:#dcfce7;color:#15803d}
.student-area .course-study{display:grid;grid-template-columns:330px 1fr;gap:22px}
.student-area .module-menu{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 35px rgba(15,23,42,.08);padding:16px;height:max-content;position:sticky;top:20px}
.student-area .course-mini-header{background:linear-gradient(135deg,#3157ff,#0d1735);color:#fff;border-radius:8px;padding:18px;margin-bottom:14px}
.student-area .module-menu details{border:1px solid #edf1f7;border-radius:8px;margin:10px 0;background:#fbfdff;overflow:hidden}
.student-area .module-menu summary{padding:13px;font-weight:900;cursor:pointer}
.student-area .lesson-link{display:flex;gap:8px;align-items:center;padding:11px 13px;border-top:1px solid #edf1f7;color:#334155;font-size:14px}
.student-area .lesson-link.active{background:#eaf2ff;color:#3157ff;font-weight:900;border-left:4px solid #3157ff}
.student-area .lesson-link.done{color:#15803d}
.student-area .lesson-main{display:grid;grid-template-columns:1fr 310px;gap:22px}
.student-area .lesson-player-card{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 35px rgba(15,23,42,.08);padding:14px}
.student-area .video-box video,.student-area .video-box iframe{width:100%;height:430px;border:0;border-radius:8px;background:#0d1735}
.student-area .require-box{display:grid;gap:12px}
.student-area .req{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border-radius:8px;background:#f8fafc;border:1px solid var(--border);font-weight:800}
.student-area .req.ok{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.student-area .req.pending{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.student-area .tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:16px 0}
.student-area .tab{padding:12px 16px;font-weight:900;color:#64748b}
.student-area .tab.active{color:#3157ff;border-bottom:3px solid #3157ff}
.student-area .materials-list{display:grid;gap:12px}
.student-area .file-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px 16px}
.student-area .file-icon{width:42px;height:42px;border-radius:8px;background:#fee2e2;color:#dc2626;display:grid;place-items:center;font-weight:900}
.student-area .question{padding:18px;border-radius:8px;border:1px solid var(--border);background:#fff;margin-bottom:16px}
.student-area .certificate{background:#fffdf5;border:10px solid #d9b875;border-radius:8px;text-align:center;padding:60px 40px;color:#14305f;min-height:520px}
.student-area .certificate h1,.student-area .certificate h2{font-family:Georgia,serif}
@media(max-width:1100px){.student-area .course-grid-mini,.student-area .course-study,.student-area .lesson-main{grid-template-columns:1fr}.student-area .module-menu{position:relative}.student-area .course-grid-mini{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.student-area .topbar{display:block}.student-area .course-grid-mini{grid-template-columns:1fr}.student-area .video-box video,.student-area .video-box iframe{height:240px}.student-area .file-row{align-items:flex-start;flex-direction:column}.student-area .file-row .btn2{width:100%}}

body.student-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,#174b9c 0,#061a38 34%,#031126 100%);color:#0a1c3b}
.student-app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;padding:16px;gap:18px}
.student-sidebar{position:sticky;top:16px;height:calc(100vh - 32px);display:flex;flex-direction:column;background:linear-gradient(180deg,#0b3b84,#061b3d 72%,#03142c);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:20px 14px;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.38)}
.student-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.student-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#5fb0ff,#1f66ff);font-size:24px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.student-brand-logo{width:46px;height:46px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.08)}
.student-brand strong{display:block;letter-spacing:0;font-size:19px;line-height:1.15;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.student-brand span{display:block;letter-spacing:0;font-size:10px;color:#b9d7ff;margin-top:4px}
.student-nav{display:grid;gap:6px}
.student-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:11px 13px;border-radius:8px;color:#dcecff;font-weight:800;font-size:14px}
.student-nav a span{width:14px;height:14px;border-radius:4px;border:1px solid #9dc8ff;background:rgba(255,255,255,.08)}
.student-nav a:hover,.student-nav a.active{background:#2568de;color:#fff;box-shadow:0 10px 20px rgba(0,42,122,.22)}
.student-sidebar-bottom{margin-top:auto;display:grid;gap:18px}
.student-exit{color:#dcecff;font-weight:800;padding:10px 12px}
.student-user-mini{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(255,255,255,.08);border-radius:8px}
.student-user-mini strong{display:block;font-size:13px}
.student-user-mini small{display:block;color:#bdd7ff;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.student-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b3b84;font-weight:900}
.student-main{min-width:0;background:#f8fbff;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.student-menu-toggle{display:none;position:fixed;left:16px;top:16px;z-index:50;background:#2568de;color:#fff;border:0;border-radius:8px;padding:11px 14px;font-weight:900}
.student-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.student-hero.compact{margin-bottom:18px}
.student-step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2676ff;color:#fff;font-weight:900;margin-right:8px}
.student-hero h1{display:inline;font-size:24px;line-height:1.2;margin:0;color:#081f49}
.student-hero p{margin:12px 0 0;color:#345070;font-weight:700}
.student-primary,.student-secondary,.student-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:6px;padding:11px 18px;border:0;font-weight:900;cursor:pointer}
.student-primary{background:linear-gradient(135deg,#1e73ff,#1352cf);color:#fff;box-shadow:0 12px 24px rgba(24,97,224,.22)}
.student-secondary{background:#f4f8ff;border:1px solid #d9e5f8;color:#1f61d6}
.student-ghost{background:#fff;color:#345070;border:1px solid #d8e3f5}
.student-primary.wide,.student-secondary.wide{width:100%}
.student-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:24px}
.student-shortcut{min-height:150px;text-align:center;background:#fff;border:1px solid #dfe7f4;border-radius:8px;padding:22px 12px;box-shadow:0 14px 34px rgba(20,48,90,.08)}
.student-shortcut strong{display:block;margin:12px 0 8px;color:#081f49}
.student-shortcut small{display:block;color:#657c9d;font-weight:700;font-size:12px}
.shortcut-icon{width:42px;height:42px;border-radius:50%;display:inline-block;position:relative}
.shortcut-icon:after{content:"";position:absolute;inset:12px;border-radius:6px;background:#fff}
.shortcut-icon.blue{background:#2b76ff}.shortcut-icon.purple{background:#7d63ff}.shortcut-icon.green{background:#20c872}.shortcut-icon.orange{background:#ff9852}.shortcut-icon.red{background:#ff6d6d}.shortcut-icon.cyan{background:#31b7ff}
.student-card{background:#fff;border:1px solid #dfe7f4;border-radius:8px;padding:22px;box-shadow:0 14px 34px rgba(20,48,90,.08)}
.student-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.student-section-title h2{font-size:18px;margin:0;color:#081f49}
.student-section-title a{font-weight:900;color:#1e64e8}
.student-course-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.student-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.student-course-card{background:#fff;border:1px solid #dfe7f4;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px rgba(20,48,90,.07)}
.student-course-card img{width:100%;height:138px;object-fit:cover;background:#10264d}
.student-course-card>div{padding:14px}
.student-course-card h3{margin:0 0 10px;font-size:15px;line-height:1.3;color:#081f49}
.student-course-card p{color:#526a8b;line-height:1.5}
.student-course-card small{display:block;color:#657c9d;font-weight:700;margin-bottom:8px}
.student-course-card strong{display:inline-block;margin-top:8px;color:#081f49}
.student-course-card.large img{height:190px}
.student-card-link{display:block;margin-top:12px;color:#1e64e8;font-weight:900}
.student-progress{height:8px;border-radius:999px;background:#d9e2ef;overflow:hidden}
.student-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1e73ff,#51a7ff)}
.student-explore-card{display:grid;place-items:center;text-align:center;border:1px dashed #2b76ff;border-radius:8px;background:#f7fbff;color:#1e64e8;padding:18px}
.student-explore-card span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#216bff;color:#fff;font-size:25px;font-weight:900}
.student-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.student-metrics div{background:rgba(8,44,97,.92);border-radius:8px;color:#fff;padding:18px}
.student-metrics strong{display:block;font-size:26px}.student-metrics span{color:#b8d6ff}
.student-empty{color:#657c9d;font-weight:800;text-align:center;padding:22px}
.student-study-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px}
.student-module-panel{background:#fff;border:1px solid #dfe7f4;border-radius:8px;box-shadow:0 14px 34px rgba(20,48,90,.08);overflow:hidden;height:max-content}
.module-course-card{background:linear-gradient(135deg,#0d3472,#0a1d42);color:#fff;padding:24px}
.module-course-card h2{margin:0 0 20px;font-size:20px}.module-course-card small{display:block;color:#bdd7ff}.module-course-card strong{float:right;margin-top:-18px}
.student-module{border-bottom:1px solid #edf2f8}
.student-module summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:900;color:#10264d}
.student-module summary::-webkit-details-marker{display:none}
.student-module summary span{float:right;background:#eef5ff;color:#1e64e8;border-radius:999px;padding:4px 8px;font-size:12px}
.student-lesson-link{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid #edf2f8;color:#345070;font-weight:800;font-size:14px}
.student-lesson-link span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf2f8;color:#657c9d;font-size:10px}
.student-lesson-link.done span{background:#dff7e9;color:#139d58}.student-lesson-link.done{color:#139d58}
.student-course-detail{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.course-intro h2{font-size:27px;margin:8px 0 14px;color:#081f49}.course-intro p{color:#345070;line-height:1.65}
.student-kicker{color:#1e64e8;font-weight:900}
.student-info-row{display:flex;gap:18px;flex-wrap:wrap;color:#657c9d;font-weight:800;margin:18px 0}
.next-card p{color:#657c9d}
.student-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}
.student-player{position:relative;background:#071a38;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px rgba(20,48,90,.18)}
.student-player video,.student-player iframe{width:100%;height:460px;border:0;display:block;background:#071a38}
.student-player iframe{pointer-events:none}
.student-player.has-youtube::before,.student-player.has-youtube::after{content:"";position:absolute;left:0;right:0;z-index:2;pointer-events:none;background:#000}
.student-player.has-youtube::before{top:0;height:58px}
.student-player.has-youtube::after{bottom:0;height:64px}
.student-youtube-cover{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#071a38;cursor:pointer;transition:opacity .18s ease,visibility .18s ease}
.student-youtube-cover span{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;color:#1e64e8;font-size:0;box-shadow:0 18px 38px rgba(0,0,0,.28)}
.student-youtube-cover span::before{content:"";display:block;width:0;height:0;margin-left:7px;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:24px solid #1e64e8}
.student-youtube-cover.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.student-video-toggle,.student-video-fullscreen{position:absolute;bottom:14px;z-index:5;min-height:38px;border-radius:999px;background:rgba(30,115,255,.92);color:#fff;border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 24px rgba(0,0,0,.22);font-weight:900;font-size:13px;opacity:.34;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,background .18s ease}
.student-video-toggle{left:14px;min-width:74px}
.student-video-fullscreen{left:96px;min-width:106px}
.student-video-toggle:hover,.student-video-toggle:focus-visible,.student-video-fullscreen:hover,.student-video-fullscreen:focus-visible,.student-player.is-paused .student-video-toggle,.student-player.is-paused .student-video-fullscreen,.student-player.is-control-visible .student-video-toggle,.student-player.is-control-visible .student-video-fullscreen,.student-player:hover .student-video-toggle,.student-player:hover .student-video-fullscreen{opacity:1;transform:translateY(0);background:rgba(30,115,255,.98)}
.student-player.is-playing:not(:hover):not(.is-control-visible) .student-video-toggle,.student-player.is-playing:not(:hover):not(.is-control-visible) .student-video-fullscreen{opacity:.18}
.student-player:fullscreen{width:100vw;height:100vh;border-radius:0;background:#000}
.student-player:fullscreen video,.student-player:fullscreen iframe{width:100%;height:100vh}
.student-player:-webkit-full-screen{width:100vw;height:100vh;border-radius:0;background:#000}
.student-player:-webkit-full-screen video,.student-player:-webkit-full-screen iframe{width:100%;height:100vh}
.student-watch-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:20px;border-radius:8px;border:1px solid}
.student-watch-status.complete{background:#e9fff2;border-color:#a7efc4;color:#11733f}
.student-watch-status.pending{background:#fff8ed;border-color:#f3ce99;color:#8d5814}
.student-watch-status strong{font-size:18px}.student-watch-status p{margin:6px 0 0}
.student-tabs{display:flex;gap:24px;border-bottom:1px solid #dfe7f4;margin-bottom:16px}
.student-tabs span{padding:0 0 13px;color:#657c9d;font-weight:900}
.student-tabs .active{color:#1e64e8;border-bottom:3px solid #1e64e8}
.student-file-list{display:grid;gap:10px;margin:16px 0}
.student-file-list a{display:flex;align-items:center;gap:10px;background:#f8fbff;border:1px solid #dfe7f4;border-radius:8px;padding:12px;color:#345070;font-weight:900}
.student-file-list span,.pdf-badge{display:grid;place-items:center;min-width:42px;height:32px;border-radius:6px;background:#f05252;color:#fff;font-size:12px;font-weight:900}
.student-requirements{display:grid;gap:12px;align-content:start}
.progress-card h2{margin:0 0 16px;color:#081f49}
.require-item{display:flex;justify-content:space-between;gap:12px;border-radius:8px;padding:16px;border:1px solid;font-weight:900}
.require-item.ok{background:#e9fff2;border-color:#a7efc4;color:#11733f}
.require-item.pending{background:#fff8ed;border-color:#f3ce99;color:#8d5814}
.lesson-nav-buttons{display:flex;gap:10px;flex-wrap:wrap}
.student-return-actions{display:flex;gap:10px;flex-wrap:wrap;margin:-6px 0 18px}
.student-alert{padding:15px 18px;border-radius:8px;margin-bottom:18px;font-weight:900}
.student-alert.ok{background:#e9fff2;border:1px solid #a7efc4;color:#11733f}.student-alert.danger{background:#ffeff0;border:1px solid #ffc3c8;color:#a31927}
.student-download-list{display:grid;gap:10px}
.download-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #dfe7f4;border-radius:8px;padding:14px;color:#081f49}
.download-row small{display:block;color:#657c9d;margin-top:3px}.download-row b{color:#1e64e8}
.student-quiz-list{display:grid;gap:12px}
.quiz-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px}
.quiz-row small{display:block;color:#657c9d;margin-top:4px}
.quiz-row .passed,.quiz-row .waiting,.status-pill{border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px}
.quiz-row .passed{background:#e9fff2;color:#11733f}.quiz-row .waiting{background:#fff8ed;color:#8d5814}.status-pill{background:#eef5ff;color:#1e64e8}
.student-quiz-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}
.quiz-info p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f8;padding:12px 0;margin:0}.quiz-info span{color:#657c9d}.quiz-info strong{text-align:right;color:#081f49}
.student-question{border-bottom:1px solid #edf2f8;padding:0 0 18px;margin-bottom:18px}
.student-question h3{font-size:16px;color:#081f49}
.student-question label{display:flex;align-items:center;gap:10px;border:1px solid #dfe7f4;border-radius:8px;padding:13px;margin:10px 0;font-weight:800;color:#345070}
.student-question input{width:auto;margin:0}
.student-cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cert-card{display:flex;align-items:center;gap:22px}
.cert-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1e73ff calc(var(--p)*1%),#e3ebf6 0)}
.cert-ring span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#fff;color:#081f49;font-size:24px;font-weight:900}
.student-certificate{background:#fffdf5;border:12px solid #d9b875;border-radius:8px;text-align:center;padding:70px 40px;color:#14305f;min-height:580px;box-shadow:0 18px 45px rgba(20,48,90,.16)}
.student-certificate h1,.student-certificate h2{font-family:Georgia,serif}.student-certificate h1{font-size:42px}.student-certificate h2{font-size:34px}
.student-table-wrap{overflow:auto}.student-table{width:100%;border-collapse:collapse}.student-table th,.student-table td{padding:14px;border-bottom:1px solid #edf2f8;text-align:left}.student-table th{color:#657c9d;font-size:13px}
.student-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.student-form label{display:grid;gap:8px;color:#345070;font-weight:900}.student-form input{border:1px solid #dfe7f4;border-radius:8px;padding:13px}
@media(max-width:1200px){.student-shortcuts{grid-template-columns:repeat(3,1fr)}.student-course-row,.student-course-grid{grid-template-columns:repeat(2,1fr)}.student-study-layout,.student-course-detail,.student-lesson-layout{grid-template-columns:1fr}}
@media(max-width:820px){.student-app{display:block;padding:0}.student-main{border-radius:0;min-height:100vh;padding:76px 16px 24px}.student-menu-toggle{display:block}.student-sidebar{position:fixed;z-index:45;left:0;top:0;bottom:0;height:auto;width:280px;border-radius:0;transform:translateX(-100%);transition:transform .24s ease}.student-sidebar.open{transform:translateX(0)}.student-shortcuts,.student-course-row,.student-course-grid,.student-metrics,.student-quiz-layout,.student-cert-grid,.student-form{grid-template-columns:1fr}.student-hero{display:block}.student-hero .student-primary,.student-hero .student-ghost{margin-top:14px}.student-player video,.student-player iframe{height:260px}.quiz-row,.download-row{grid-template-columns:1fr}.cert-card{display:grid}.student-course-card.large img{height:160px}}

/* Public layout refresh */
:root{--cyan:#00b8d9;--cyan-soft:#e8fbff;--navy:#081632;--section:#f4f8ff}
body{background:#fff;color:var(--navy)}
.top{box-shadow:0 8px 30px rgba(8,22,50,.06)}
.nav{min-height:74px}
.logo img{width:210px;height:52px;max-width:210px}
.nav nav a{position:relative;padding:27px 0}
.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:right .2s ease}
.nav nav a:hover:after{right:0}
.cart{padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}
.cart-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--cyan-soft);color:#047c92;font-size:11px}
.menu-toggle{width:46px;height:44px;padding:10px;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:9px;transition:.2s ease}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn,.btn2,button{border-radius:10px;transition:transform .2s ease,box-shadow .2s ease}
.btn:hover,.btn2:hover,button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(49,87,255,.2)}
.hero{padding:28px 0 38px;background:radial-gradient(circle at 85% 12%,#d8faff,transparent 30%),linear-gradient(180deg,#f8faff,#fff)}
.hero-shell{min-height:540px}
.course-slider{border-radius:18px;border:1px solid #dce5fb}
.hero-media{position:absolute;inset:0}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 40%,rgba(255,255,255,.1) 72%)}
.hero-copy{background:none}
.hero h1{font-size:clamp(38px,4vw,55px);letter-spacing:-1.5px}
.hero-course-highlight{border-left-color:var(--cyan);border-radius:10px}
.hero-course-highlight strong{color:#087e96}
.section{padding:64px 0}
.section-kicker,.auth-eyebrow{display:block;margin-bottom:10px;color:#087e96;font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}
.title{font-size:34px;letter-spacing:-.8px}
.title-row p{margin:7px 0 0;color:var(--muted)}
.text-link{color:var(--blue);font-weight:900}
.trust-band{position:relative;padding:28px 0 34px;background:linear-gradient(180deg,#fff,#f7faff)}
.trust-grid div{position:relative;overflow:hidden;border:0;border-radius:16px;padding:21px 20px 21px 66px;background:linear-gradient(145deg,#f2f6ff,#fff);box-shadow:0 14px 34px rgba(8,22,50,.08)}
.trust-grid div:before{content:"";position:absolute;left:18px;top:50%;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#3157ff,#6f45ff);box-shadow:0 8px 18px rgba(49,87,255,.28);transform:translateY(-50%)}
.trust-grid div:after{content:"";position:absolute;right:-22px;top:-28px;width:74px;height:74px;border-radius:50%;background:rgba(49,87,255,.07)}
.trust-grid div:nth-child(2){background:linear-gradient(145deg,#edfcff,#fff)}.trust-grid div:nth-child(2):before{background:linear-gradient(135deg,#00a7c4,#37d3e8);box-shadow:0 8px 18px rgba(0,167,196,.25)}
.trust-grid div:nth-child(3){background:linear-gradient(145deg,#fff8e7,#fff)}.trust-grid div:nth-child(3):before{background:linear-gradient(135deg,#f0a500,#ffc94a);box-shadow:0 8px 18px rgba(240,165,0,.26)}
.trust-grid div:nth-child(4){background:linear-gradient(145deg,#edfff7,#fff)}.trust-grid div:nth-child(4):before{background:linear-gradient(135deg,#0a9f68,#39cf94);box-shadow:0 8px 18px rgba(10,159,104,.25)}
.trust-grid strong{position:relative;z-index:1;color:var(--navy);font-size:20px}.trust-grid span{position:relative;z-index:1}
.best-sellers{position:relative;background:radial-gradient(circle at 92% 10%,rgba(0,184,217,.13),transparent 27%),linear-gradient(180deg,#f7faff,#eef5ff)}
.best-sellers:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--blue),var(--cyan))}
.best-sellers .container{padding:34px;border:1px solid rgba(205,218,246,.85);border-radius:22px;background:rgba(255,255,255,.74);box-shadow:0 24px 60px rgba(8,22,50,.08);backdrop-filter:blur(8px)}
.best-sellers .section-kicker{width:max-content;padding:7px 11px;border-radius:999px;background:#def9ff;color:#087e96}
.courses-home,.course-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
.course{position:relative;border-radius:16px;border-color:#dfe7f7;box-shadow:0 12px 36px rgba(8,22,50,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.course:before{content:"";position:absolute;left:0;right:0;top:0;z-index:2;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.courses-home .course:nth-child(3n+2):before{background:linear-gradient(90deg,#7d48ff,#d24cff)}
.courses-home .course:nth-child(3n+3):before{background:linear-gradient(90deg,#00a66b,#55d992)}
.course:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(8,22,50,.14);border-color:#c8d7ff}
.course-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#eef2ff}
.course-image img,.course>img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease}
.course:hover .course-image img{transform:scale(1.045)}
.course-badge{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(49,87,255,.28)}
.course .body{padding:18px}
.course h3{margin:14px 0 8px;font-size:20px;min-height:50px}
.course-description{color:#56637c;line-height:1.55;margin:0 0 14px;min-height:48px}
.course-facts{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}
.course-facts span{padding:6px 8px;border:1px solid #e0e8fa;border-radius:8px;background:#f3f7ff;color:#405078;font-size:11px;font-weight:800}
.course-facts b{color:#087e96}
.course-instructor{margin:0 0 18px;color:#6b7690;font-size:13px}
.course-bottom{align-items:center;padding-top:15px;border-top:1px solid var(--border)}
.price{color:#087e96}
.course-bottom .btn{padding:11px 15px}
.steps-section{background:linear-gradient(135deg,#071936,#102c60);color:#fff}
.steps-section .title{color:#fff}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.steps-grid article{padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06)}
.steps-grid span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900}
.steps-grid h3{font-size:21px}.steps-grid p{color:#c5d6ef;line-height:1.65}
.instructor-section{background:#f5f9ff}
.instructor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.instructor-grid article{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}
.instructor-grid img{width:78px;height:78px;border-radius:14px;object-fit:cover}
.instructor-grid h3{margin:0 0 5px}.instructor-grid p{margin:0;color:var(--muted)}
.testimonials{background:#fff}
.testimonial-card{border-radius:16px}
.testimonial-card span{display:block;margin-top:5px;color:var(--muted);font-size:13px}
.student-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}
.soft-section{background:#f5f9ff}
.faq details{border-radius:12px}
.final-cta{background:linear-gradient(120deg,var(--blue),#2832a8 58%,#047f99);color:#fff}
.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:25px}
.final-cta span{font-weight:900;color:#9ef2ff}.final-cta h2{max-width:720px;margin:8px 0;font-size:36px}.final-cta p{color:#d9e5ff}
.btn-light{background:#fff;color:var(--blue);white-space:nowrap}
.catalog-intro{padding:64px 0 54px;background:linear-gradient(135deg,#eef3ff,#effdff)}
.catalog-intro h1{max-width:760px;margin:0 0 12px;font-size:44px;letter-spacing:-1.2px}.catalog-intro p{font-size:18px;color:var(--muted)}
.catalog-toolbar{position:sticky;top:86px;z-index:5;display:grid;grid-template-columns:1fr 220px auto;gap:12px;align-items:end;padding:16px;border:1px solid #dfe7f7;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 16px 35px rgba(8,22,50,.08);backdrop-filter:blur(12px)}
.catalog-toolbar label{display:block;margin:0 0 7px;font-size:12px;font-weight:900;color:#405078}.catalog-toolbar input,.catalog-toolbar select{width:100%;height:48px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#fff}
.catalog-toolbar button{height:48px}
.category-bar{display:flex;gap:9px;overflow:auto;margin:18px 0 28px;padding:3px 0}
.category-bar a{flex:0 0 auto;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;font-weight:800;color:#405078}
.category-bar a.active{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-color:transparent}
.catalog-results{display:flex;justify-content:space-between;margin-bottom:18px}.catalog-results span{display:block;margin-top:3px;color:var(--muted)}
.empty-state{text-align:center;padding:60px;border:1px dashed #cbd7ee;border-radius:16px;background:#f8fbff}
.auth-split-page{background:#fff}
.auth-split{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr);min-height:100vh}
.auth-showcase{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:50px clamp(35px,6vw,90px);overflow:hidden;background:linear-gradient(145deg,rgba(5,20,48,.96),rgba(28,54,132,.9)),url("../img/banners/banner-programacao.jpg") center/cover;color:#fff}
.auth-showcase>a img{width:210px;filter:brightness(0) invert(1)}
.auth-showcase h1{max-width:620px;margin:12px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-2px}
.auth-showcase p{max-width:570px;color:#d5e2fa;font-size:18px;line-height:1.7}
.auth-showcase ul{display:grid;gap:12px;padding:0;list-style:none;color:#e6efff;font-weight:800}.auth-showcase li:before{content:"OK";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;border-radius:50%;background:var(--cyan);color:#06213d;font-size:9px}
.auth-proof{display:flex;align-items:center;gap:12px}.auth-proof strong{font-size:25px;color:#8ef2ff}.auth-proof span{color:#d5e2fa}
.auth-form-panel{display:grid;place-items:center;padding:40px;background:#fff}
.auth-form-panel .auth-card{width:min(480px,100%);border:0;box-shadow:none;padding:20px}
.auth-form-panel .auth-card h1{margin:5px 0 8px;font-size:38px}.auth-intro{margin:0 0 24px;color:var(--muted)}
.auth-card label{display:block;margin:14px 0 2px;font-size:13px;font-weight:900;color:#263052}
.password-label{display:flex;align-items:center;justify-content:space-between}.password-label a{color:var(--blue);font-size:13px;font-weight:800}
.password-field{position:relative}.password-field input{padding-right:85px}.password-field button{position:absolute;right:7px;top:15px;padding:9px;background:transparent;color:var(--blue);box-shadow:none}
.auth-submit,.auth-create{width:100%;text-align:center;margin-top:8px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted)}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}
.auth-back{text-align:center}.auth-mobile-logo{display:none}.recovery-card img{width:190px;margin-bottom:25px}

@media(max-width:1000px){
  .courses-home,.course-catalog,.instructor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auth-split{grid-template-columns:1fr}.auth-showcase{display:none}.auth-mobile-logo{display:block}.auth-mobile-logo img{width:190px;margin:0 auto 28px}
}
@media(max-width:720px){
  body.menu-open{overflow:hidden}.top{position:sticky}.nav{min-height:68px;padding:8px 18px}.logo img{width:165px;height:46px}.nav nav,.nav .actions{position:fixed;left:0;right:0;display:none;background:#fff}.nav nav{top:68px;height:calc(100vh - 68px);padding:25px 20px;border-top:1px solid var(--border)}.nav .actions{top:auto;bottom:22px;z-index:2;padding:0 20px;border:0}.nav nav.open,.nav .actions.open{display:flex}.nav nav a{padding:14px 8px;font-size:18px}.nav nav a:after{display:none}.nav .actions .cart{justify-content:center}.hero{padding:14px 0 25px}.hero-shell{min-height:auto}.course-slider{min-height:630px;aspect-ratio:auto;border-radius:14px;background:#fff}.course-slide{display:grid;grid-template-rows:250px 1fr;background:#fff;overflow:auto}.hero-media{position:relative;inset:auto;height:250px}.hero-media:after{background:linear-gradient(0deg,rgba(255,255,255,.12),transparent)}.course-slide img{height:250px}.hero-copy{position:relative;inset:auto;width:100%;min-height:0;padding:24px 22px 58px;background:#fff;justify-content:flex-start}.hero h1{max-width:none;margin-bottom:12px;font-size:28px;line-height:1.12;letter-spacing:-.6px;overflow-wrap:anywhere}.hero p{font-size:15px}.hero-course-highlight{width:100%;display:grid;gap:5px;margin-bottom:14px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions a{text-align:center;padding:13px 8px}.slider-dots{right:auto;left:22px;bottom:18px}.trust-grid,.steps-grid,.courses-home,.course-catalog,.instructor-grid{grid-template-columns:1fr}.section{padding:45px 0}.title{font-size:28px}.steps-grid article{padding:22px}.final-cta .container{display:block}.final-cta h2{font-size:29px}.final-cta .btn{margin-top:15px}.catalog-intro{padding:42px 0 35px}.catalog-intro h1{font-size:34px}.catalog-toolbar{position:static;grid-template-columns:1fr;padding:14px}.category-bar{margin-bottom:22px}.course h3,.course-description{min-height:0}.auth-form-panel{padding:20px}.auth-form-panel .auth-card{padding:8px}.auth-form-panel .auth-card h1{font-size:31px}
}

/* Course, cart and checkout modernization */
.course-detail-page{background:#fff}
.course-hero-modern{padding:46px 0;background:linear-gradient(135deg,#eef5ff,#f7fdff)}
.course-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start}
.course-hero-copy{padding:28px 0}
.course-hero-copy h1{max-width:820px;margin:0 0 16px;font-size:clamp(36px,4vw,58px);line-height:1.04;letter-spacing:-1.2px;color:#081632}
.course-hero-copy p{max-width:760px;color:#405078;font-size:18px;line-height:1.7}
.course-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.course-hero-stats span{padding:14px;border:1px solid #dce7fb;border-radius:12px;background:#fff;color:#60708a;font-weight:800}
.course-hero-stats b{display:block;margin-bottom:4px;color:#087e96;font-size:20px}
.course-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.course-buy-card{position:sticky;top:96px;display:grid;gap:16px;padding:18px;border:1px solid #dce7fb;border-radius:18px;background:#fff;box-shadow:0 22px 55px rgba(8,22,50,.12)}
.course-buy-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;background:#eef4ff}
.course-buy-card span{display:block;color:#60708a;font-weight:800}.course-buy-card strong{display:block;color:#087e96;font-size:34px}.course-buy-card small{color:#60708a}
.course-buy-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#405078;font-weight:800}
.course-buy-card li:before,.checkout-summary li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#e8fbff;color:#087e96;font-size:12px;font-weight:900}
.course-two-columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.learning-grid article,.course-summary-panel,.confidence-grid article,.checkout-card,.checkout-summary,.cart-row{border:1px solid #dce7fb;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(8,22,50,.07)}
.learning-grid article{padding:20px}.learning-grid strong,.confidence-grid strong{display:block;color:#081632;font-size:18px}.learning-grid p,.confidence-grid p{color:#60708a;line-height:1.6}
.course-summary-panel{padding:22px}.course-summary-panel h3{margin-top:0}.course-summary-panel p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2fb;padding:12px 0;margin:0;color:#60708a}.course-summary-panel b{color:#081632}
.course-program-section{background:#f6f9ff}.course-module-list{display:grid;gap:12px;margin-top:18px}
.course-module-card{border:1px solid #dce7fb;border-radius:14px;background:#fff;overflow:hidden}
.course-module-card summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px;cursor:pointer;list-style:none}
.course-module-card summary::-webkit-details-marker{display:none}.course-module-card summary span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}.course-module-card summary em{font-style:normal;color:#60708a;font-weight:800}
.course-module-card>div{display:grid;gap:0;padding:0 18px 16px 68px}.course-module-card p{display:flex;align-items:center;gap:10px;margin:0;padding:12px 0;border-top:1px solid #edf2fb;color:#405078}.course-module-card p span{color:#087e96}.course-module-card p b{margin-left:auto;padding:5px 8px;border-radius:999px;background:#e8fbff;color:#087e96;font-size:11px}
.confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.confidence-grid article{padding:22px}
.course-faq-section{background:#f6f9ff}
.checkout-hero{padding:48px 0;background:linear-gradient(135deg,#071936,#133b7a);color:#fff}.checkout-hero h1{max-width:780px;margin:0 0 10px;font-size:42px}.checkout-hero p{color:#cbdaf2}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.checkout-card,.checkout-summary{padding:24px}.checkout-card h2,.checkout-summary h2{margin-top:0}
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkout-card label{display:grid;gap:8px;margin-bottom:14px;color:#263052;font-weight:900}.checkout-card input,.checkout-card select{height:48px;border:1px solid #dce7fb;border-radius:10px;padding:0 13px}.checkout-submit{width:100%;height:50px}
.checkout-items{display:grid;gap:12px}.checkout-items div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf2fb}.checkout-items span{white-space:nowrap;color:#087e96;font-weight:900}
.checkout-total{display:flex;justify-content:space-between;gap:14px;margin:18px 0;padding:16px;border-radius:12px;background:#f4f8ff}.checkout-total strong{font-size:24px;color:#087e96}.checkout-summary ul{display:grid;gap:10px;padding:0;list-style:none;color:#405078}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.cart-items{display:grid;gap:14px}.cart-row{display:grid;grid-template-columns:110px 1fr auto auto;gap:16px;align-items:center;padding:14px}.cart-row img{width:110px;aspect-ratio:16/10;object-fit:cover;border-radius:10px}.cart-row strong{display:block;color:#081632}.cart-row span{display:block;margin-top:5px;color:#60708a}.cart-row b{color:#087e96;white-space:nowrap}.cart-row button{background:#fff;color:#bd2433;border:1px solid #ffd1d7;box-shadow:none}.cart-summary{position:sticky;top:96px;display:grid;gap:12px}

@media(max-width:980px){
  .course-hero-grid,.course-two-columns,.checkout-grid,.cart-layout{grid-template-columns:1fr}.course-buy-card,.cart-summary{position:static}.course-hero-stats,.confidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .course-hero-modern{padding:26px 0}.course-hero-copy{padding:0}.course-hero-copy h1{font-size:32px}.course-hero-copy p{font-size:16px}.course-hero-stats,.learning-grid,.confidence-grid,.form-grid-2{grid-template-columns:1fr}.course-hero-actions{display:grid}.course-module-card summary{grid-template-columns:auto 1fr}.course-module-card summary em{grid-column:2}.course-module-card>div{padding-left:18px}.checkout-hero h1{font-size:32px}.cart-row{grid-template-columns:86px 1fr}.cart-row img{width:86px}.cart-row b,.cart-row button{grid-column:2;justify-self:start}
}

/* Checkout completo */
.checkout-grid-wide{grid-template-columns:minmax(0,1fr) 360px}.checkout-login-card{display:grid;gap:14px;margin-bottom:18px}.checkout-login-card h2,.checkout-complete-form h2{margin:0 0 8px}.checkout-login-card p{margin:0;color:#52627a;line-height:1.55}.checkout-inline-login{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.checkout-inline-login input{height:46px;border:1px solid #dce7fb;border-radius:10px;padding:0 13px}.checkout-inline-login button{height:46px}.form-grid-3{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);gap:14px}.span-2{grid-column:span 2}.checkout-complete-form h2+div,.checkout-complete-form .form-grid-3{margin-top:10px}.checkout-card input[readonly]{background:#f3f6fb;color:#52627a}.checkout-card input.is-loading{background-image:linear-gradient(90deg,#fff,#eef6ff,#fff);background-size:220% 100%;animation:checkoutLoading 1s linear infinite}.checkout-summary li{line-height:1.45}@keyframes checkoutLoading{to{background-position:-220% 0}}
@media(max-width:980px){.checkout-grid-wide{grid-template-columns:1fr}.checkout-inline-login{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}}

/* Admin alunos e lembrete de pagamento */
.admin-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px;border:1px solid #dce7fb;border-radius:12px;background:#f8fbff}.admin-bulk-toolbar label{display:flex;align-items:center;gap:8px;font-weight:900;color:#24324f}.admin-students-table td{vertical-align:middle}.admin-students-table .actions-cell{display:flex;flex-wrap:wrap;gap:7px}.admin-students-table .actions-cell form{display:inline}.admin-student-form .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-student-form label{font-weight:900;color:#263052}.student-checkout-reminder{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,#eef7ff,#fff)}.student-checkout-reminder p{margin:6px 0 0;color:#526a8b}.student-checkout-reminder .student-primary{white-space:nowrap}
@media(max-width:760px){.admin-bulk-toolbar,.student-checkout-reminder{display:grid}.admin-student-form .settings-grid{grid-template-columns:1fr}.admin-students-table .actions-cell{display:grid}.student-checkout-reminder .student-primary{white-space:normal;text-align:center}}

/* Admin bulk actions padrão */
.admin-list-page .actions-cell,.admin-list-page .admin-actions-cell{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.admin-list-page .actions-cell form,.admin-list-page .admin-actions-cell form{display:inline}.admin-bulk-toolbar select{height:38px;border:1px solid #dce7fb;border-radius:8px;padding:0 10px;background:#fff;color:#24324f;font-weight:800}.admin-list-page table input[type=checkbox]{width:auto;margin:0}
@media(max-width:760px){.admin-list-page .actions-cell,.admin-list-page .admin-actions-cell{display:grid}.admin-bulk-toolbar select,.admin-bulk-toolbar button{width:100%}}

/* Admin alunos - estrutura revisada */
.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.admin-page-head h1{margin:0 0 8px;color:#081632;font-size:32px}
.breadcrumb{color:#5f6f8a;font-weight:800}
.admin-page-head .btn{white-space:nowrap}
.admin-student-panel,.admin-list-page{margin-top:14px}
.admin-student-form{display:grid;gap:18px;padding:22px;border:1px solid #dce7fb;border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(8,22,50,.08)}
.admin-form-title,.admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.admin-form-title h2,.admin-section-title h2{margin:0;color:#081632;font-size:22px}
.admin-form-title p,.admin-section-title p{margin:5px 0 0;color:#667891;font-weight:700}
.admin-switch{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dce7fb;border-radius:999px;background:#f8fbff;color:#24324f;font-weight:900}
.admin-switch input{width:18px;height:18px;margin:0}
.admin-student-sections{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}
.admin-student-sections fieldset{min-width:0;margin:0;padding:16px;border:1px solid #dce7fb;border-radius:12px;background:#fbfdff}
.admin-student-sections legend{padding:0 8px;color:#3157ff;font-weight:900}
.admin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.admin-field-grid .span-2{grid-column:span 2}
.admin-field-grid label{display:grid;gap:7px;min-width:0;color:#263052;font-size:13px;font-weight:900}
.admin-field-grid input{width:100%;height:44px;margin:0;padding:0 12px;border:1px solid #d9e4f5;border-radius:10px;background:#fff;color:#111936;font:inherit;font-weight:700}
.admin-field-grid input:focus{outline:0;border-color:#3157ff;box-shadow:0 0 0 3px rgba(49,87,255,.12)}
.admin-form-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding-top:4px}
.admin-list-page{padding:16px;border:1px solid #dce7fb;border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(8,22,50,.06)}
.admin-list-page .admin-bulk-toolbar{margin-top:14px;border-radius:10px}
.admin-table-wrap{overflow:auto;border:1px solid #e6edf9;border-radius:12px;background:#fff}
.admin-table-wrap .table{border-radius:0}
.admin-students-table{min-width:900px}
.admin-students-table th{background:#f8fbff;color:#24324f;font-size:13px;text-transform:uppercase}
.admin-students-table td{color:#24324f}
.admin-students-table td:nth-child(3){font-weight:900;color:#081632}
.admin-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}
.admin-status.is-active{background:#e9fff2;color:#11733f;border:1px solid #a7efc4}
.admin-status.is-inactive{background:#fff3f4;color:#a31927;border:1px solid #ffc3c8}
.btn.outline{background:#fff;color:#3157ff;border:1px solid #cfd8ff;box-shadow:none}
.btn.red,.btn.small.red{background:#ffeff0;color:#a31927;border:1px solid #ffc3c8;box-shadow:none}
.btn.small{padding:10px 14px;border-radius:10px;font-size:13px}
@media(max-width:1100px){.admin-student-sections{grid-template-columns:1fr}}
@media(max-width:760px){.admin-page-head,.admin-form-title,.admin-section-title{display:grid}.admin-page-head .btn,.admin-form-actions .btn{width:100%;text-align:center}.admin-field-grid{grid-template-columns:1fr}.admin-field-grid .span-2{grid-column:auto}.admin-student-form,.admin-list-page{padding:14px}.admin-form-actions{justify-content:stretch}}
/* Home conversion upgrade - 20260709 */
.hero-search{width:min(520px,100%);margin:0 0 16px;padding:12px;border:1px solid #dce7fb;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 16px 36px rgba(8,22,50,.09)}
.hero-search label{display:block;margin:0 0 8px;color:#203055;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.hero-search div{display:grid;grid-template-columns:1fr auto;gap:8px}
.hero-search input{min-width:0;width:100%;height:48px;border:1px solid #dbe5f8;border-radius:10px;padding:0 14px;color:#122044;font-weight:800;background:#fff}
.hero-search button{height:48px;padding:0 18px;background:linear-gradient(135deg,var(--blue),var(--cyan));white-space:nowrap}
.hero-featured-course{width:min(520px,100%);padding:14px 16px;margin:0 0 12px;border:1px solid rgba(0,167,196,.24);border-radius:16px;background:linear-gradient(145deg,rgba(239,253,255,.94),rgba(255,255,255,.88));box-shadow:0 14px 34px rgba(8,22,50,.07)}
.hero-featured-course span{display:block;margin-bottom:7px;color:#087e96;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.hero-featured-course h2{margin:0 0 7px;color:#101735;font-size:20px;line-height:1.25;letter-spacing:0}
.hero-featured-course p{margin:0;color:#56637c;font-size:14px;line-height:1.5}
.category-section{background:#fff}
.home-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-category-grid a{position:relative;overflow:hidden;min-height:112px;padding:20px;border:1px solid #dfe7f7;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 12px 32px rgba(8,22,50,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-category-grid a:before{content:"";position:absolute;right:-18px;top:-24px;width:78px;height:78px;border-radius:50%;background:rgba(0,184,217,.12)}
.home-category-grid a:hover{transform:translateY(-4px);border-color:#c7d8ff;box-shadow:0 20px 42px rgba(8,22,50,.11)}
.home-category-grid strong{position:relative;z-index:1;display:block;color:#101735;font-size:18px;margin-bottom:8px}
.home-category-grid span{position:relative;z-index:1;color:#087e96;font-weight:900}
.why-nuvion{background:#fff}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}
.why-grid article{position:relative;min-height:230px;padding:24px;border:1px solid #dfe7f7;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 14px 34px rgba(8,22,50,.07)}
.why-grid article:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.why-grid span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:14px;background:#e8fbff;color:#087e96;font-weight:900}
.why-grid h3{margin:0 0 10px;color:#101735;font-size:20px}
.why-grid p{margin:0;color:#5b6983;line-height:1.65}
.testimonial-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.stars{color:#f0a500;font-size:14px;letter-spacing:1px}
.final-cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.final-cta-actions .btn2{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.12);color:#fff}
@media(max-width:1000px){.home-category-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:min(650px,62%)}}
@media(max-width:720px){.hero-search div{grid-template-columns:1fr}.hero-search button{width:100%}.hero-featured-course h2{font-size:18px}.home-category-grid,.why-grid{grid-template-columns:1fr}.why-grid article{min-height:0}.final-cta-actions{margin-top:16px}.final-cta-actions a{width:100%;text-align:center}.testimonial-top{align-items:flex-start;flex-direction:column}.stars{letter-spacing:0}}
.hero-shell,.course-slider{min-height:680px}
@media(max-width:720px){.course-slider{min-height:860px}.course-slide{grid-template-rows:230px 1fr}.hero-media,.course-slide img{height:230px}}
@media(max-width:420px){.course-slider{min-height:900px}}

/* Hero proportion fix - 20260709 */
.hero{padding:18px 0 24px;background:linear-gradient(90deg,#f7fbff 0%,#eefbff 100%)}
.hero-shell{min-height:0;width:min(1160px,92%);padding:0}
.course-slider{min-height:420px;aspect-ratio:2.72/1;border-radius:14px;box-shadow:0 18px 42px rgba(8,22,50,.12)}
.hero-media:after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 37%,rgba(255,255,255,.18) 68%,rgba(255,255,255,0) 100%)}
.course-slide img{object-position:center center;filter:saturate(1.04) contrast(1.02)}
.hero-copy{width:min(455px,46%);padding:26px 32px;justify-content:center;background:none}
.hero h1{max-width:390px;margin-bottom:10px;font-size:clamp(28px,3vw,41px);line-height:1.06;letter-spacing:0;color:#071936}
.hero p{font-size:15px;line-height:1.55}
.hero-course-summary{max-width:385px;margin:0 0 12px}
.hero-search{width:min(385px,100%);margin-bottom:12px;padding:10px;border-radius:12px}
.hero-search input,.hero-search button{height:40px}
.hero-featured-course{width:min(385px,100%);padding:10px 12px;margin-bottom:10px;border-radius:12px}
.hero-featured-course h2{font-size:16px;margin-bottom:4px}
.hero-featured-course p{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-course-highlight{max-width:385px;margin-bottom:12px;padding:9px 11px;border-radius:9px}
.hero-course-highlight span{font-size:12px}.hero-course-highlight strong{font-size:15px}
.hero-actions .btn,.hero-actions .btn2{padding:11px 15px;border-radius:9px}
.slider-dots{right:18px;bottom:14px}
.slider-dots button{box-shadow:0 0 0 1px rgba(7,25,54,.12)}
@media(max-width:1000px){.course-slider{min-height:440px;aspect-ratio:2.15/1}.hero-copy{width:min(500px,54%);padding:24px 28px}.hero h1{font-size:32px}}
@media(max-width:720px){.hero{padding:12px 0 18px}.hero-shell{width:100%;padding-left:18px;padding-right:18px}.course-slider{min-height:0;aspect-ratio:auto;border-radius:14px}.course-slide{grid-template-rows:190px auto}.hero-media,.course-slide img{height:190px}.hero-copy{width:100%;padding:22px 20px 56px}.hero h1{max-width:none;font-size:27px;letter-spacing:0}.hero-search,.hero-featured-course,.hero-course-highlight{width:100%;max-width:none}.hero-actions{grid-template-columns:1fr 1fr}.slider-dots{left:20px;right:auto;bottom:16px}}
@media(max-width:420px){.hero h1{font-size:25px}.hero-actions{grid-template-columns:1fr}.course-slide{grid-template-rows:170px auto}.hero-media,.course-slide img{height:170px}}

/* Hero text clipping fix - 20260709 */
.course-slider{min-height:500px;overflow:hidden}
.hero-copy{top:0;bottom:0;justify-content:flex-start;padding:34px 32px 28px}
.hero h1{max-width:430px;margin-top:0;margin-bottom:12px;font-size:clamp(26px,2.65vw,36px);line-height:1.12;overflow:visible;text-wrap:balance}
.hero-course-summary{margin-bottom:12px;font-size:14px;line-height:1.5}
.hero-search{margin-bottom:12px}
.hero-featured-course{margin-bottom:10px}
.hero-course-highlight{margin-bottom:10px}
@media(max-width:1000px){.course-slider{min-height:520px}.hero-copy{padding-top:32px}.hero h1{font-size:30px}}
@media(max-width:720px){.course-slider{min-height:0}.hero-copy{padding:24px 20px 56px}.hero h1{font-size:26px;line-height:1.14}.hero-course-summary{font-size:14px}}
@media(max-width:420px){.hero h1{font-size:24px}}

/* Category cards with visual thumbnails - 20260709 */
.home-category-grid a{min-height:132px;padding:22px;background-size:cover;background-position:center;border-color:#d7e3f8;color:#fff;box-shadow:0 16px 38px rgba(8,22,50,.12)}
.home-category-grid a:before{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,rgba(5,18,43,.78),rgba(5,18,43,.48) 55%,rgba(5,18,43,.16));z-index:0}
.home-category-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.08));z-index:0}
.home-category-grid strong,.home-category-grid span{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.home-category-grid span{display:inline-flex;margin-top:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.home-category-grid a:nth-child(1){background-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=600&q=75')}
.home-category-grid a:nth-child(2){background-image:url('https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=600&q=75')}
.home-category-grid a:nth-child(3){background-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=600&q=75')}
.home-category-grid a:nth-child(4){background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=600&q=75')}
.home-category-grid a:nth-child(5){background-image:url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=600&q=75')}
.home-category-grid a:nth-child(6){background-image:url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=600&q=75')}
.home-category-grid a:nth-child(7){background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=600&q=75')}
.home-category-grid a:nth-child(8){background-image:url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=600&q=75')}

/* Admin sidebar link width fix - 20260709 */
.admin aside{box-sizing:border-box;flex:0 0 260px;overflow-x:hidden}
.admin aside a{box-sizing:border-box;width:100%;min-height:42px;display:flex;align-items:center;margin:3px 0;padding:12px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-brand{width:100%;box-sizing:border-box;overflow:hidden}
@media(max-width:1000px){.admin aside{width:260px;max-width:86vw}}

/* Admin orders table overflow fix - 20260709 */
.admin main{min-width:0}
.admin-list-page{max-width:100%;overflow:hidden}
.admin-list-page .admin-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}
.admin-orders-table{min-width:1120px;table-layout:auto}
.admin-orders-table th,.admin-orders-table td{white-space:normal}
.admin-orders-table th:nth-child(10),.admin-orders-table td:nth-child(10){min-width:138px}
.admin-orders-table .actions-cell{display:grid;grid-template-columns:1fr;gap:7px;align-items:start}
.admin-orders-table .actions-cell form,.admin-orders-table .actions-cell .btn{width:100%}
.admin-orders-table .actions-cell .btn{text-align:center;white-space:normal;line-height:1.25;padding:10px 12px}
@media(max-width:1000px){.admin-orders-table{min-width:1060px}}

/* Admin orders card layout - 20260709 */
.admin-orders-page{overflow:visible}
.admin-orders-list{display:grid;gap:14px;margin-top:14px}
.admin-order-card{display:grid;grid-template-columns:34px minmax(0,1fr) 190px;gap:16px;align-items:start;padding:16px;border:1px solid #dce7fb;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(8,22,50,.06)}
.admin-order-select{padding-top:8px}
.admin-order-select input{width:18px;height:18px;margin:0}
.admin-order-main{min-width:0}
.admin-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-order-id{display:inline-flex;margin-bottom:5px;color:#087e96;font-size:12px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}
.admin-order-head h2{margin:0;color:#081632;font-size:20px;line-height:1.2;word-break:break-word}
.admin-order-status{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:7px 10px;border-radius:999px;background:#f1f5ff;color:#24324f;font-size:12px;font-weight:900;text-transform:uppercase}
.admin-order-status.status-paid{background:#e9fff2;color:#11733f}
.admin-order-status.status-pending{background:#fff8ed;color:#8d5814}
.admin-order-status.status-cancelled{background:#ffeff0;color:#a31927}
.admin-order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-order-grid div{min-width:0;padding:11px 12px;border:1px solid #edf2fb;border-radius:10px;background:#f8fbff}
.admin-order-grid .span-2{grid-column:span 2}
.admin-order-grid small{display:block;margin-bottom:5px;color:#60708a;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.admin-order-grid strong{display:block;color:#101735;line-height:1.35;word-break:break-word}
.admin-order-grid span{display:block;color:#263052;line-height:1.45;word-break:break-word}
.admin-order-actions{display:grid;gap:8px}
.admin-order-actions form{display:block;margin:0}
.admin-order-actions .btn{width:100%;min-height:40px;padding:10px 12px;text-align:center;white-space:normal;line-height:1.25;border-radius:10px}
@media(max-width:1180px){.admin-order-card{grid-template-columns:30px minmax(0,1fr)}.admin-order-actions{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-order-actions .btn{height:100%}}
@media(max-width:760px){.admin-order-card{grid-template-columns:1fr}.admin-order-select{padding-top:0}.admin-order-head{display:grid}.admin-order-grid{grid-template-columns:1fr}.admin-order-grid .span-2{grid-column:auto}.admin-order-actions{grid-column:auto;grid-template-columns:1fr}}