@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/cairo-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/cairo-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/cairo-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/cairo-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/cairo-4.ttf) format('truetype');
}

:root{font-family:'Cairo',Tahoma,Arial,sans-serif;color:#142340;background:#f7f9fc;font-synthesis:none;font-weight:500;--navy:#11213e;--blue:#2568eb;--muted:#6b7890;--line:#e1e7f0;--radius:20px;--shadow:0 12px 40px #152c4e0a}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button svg,a svg{flex-shrink:0}svg{vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid #81abff;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.5}p{line-height:1.95}small{font-size:.78rem}input,select,textarea{width:100%;border:1px solid #d7dfec;background:#fff;border-radius:10px;padding:11px 13px;min-height:48px;color:var(--navy);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2568eb14}input[type=file]{font-size:.84rem;padding:10px}input[type=checkbox]{width:18px;min-height:18px}textarea{min-height:105px;resize:vertical}label{display:block;font-size:.85rem;font-weight:700;margin-bottom:7px}.field{margin-bottom:17px}.field small{display:block;margin-top:6px;color:var(--muted)}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.blue{color:var(--blue)}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.025em;display:flex;align-items:center;gap:8px;color:var(--blue)}.eyebrow:before{content:'';width:22px;height:2px;background:currentColor}.container{max-width:1240px;margin:auto;padding-inline:32px}.site-header{height:94px;background:#fff;border-bottom:1px solid #edf0f6;display:flex;align-items:center;position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-symbol{width:45px;height:47px;position:relative;display:grid;place-items:center;background:var(--blue);clip-path:polygon(0 19%,50% 0,100% 19%,100% 80%,50% 100%,0 80%);color:white;font-size:19px;font-weight:900;direction:ltr}.brand-name{display:flex;flex-direction:column;font-weight:900;font-size:1.07rem;line-height:1.55}.brand-name small{font-size:.58rem;letter-spacing:1.7px;font-weight:700;color:var(--muted);direction:ltr}.header-nav{display:flex;gap:28px;align-items:center;font-size:.82rem;font-weight:700}.header-nav a{position:relative;color:#60718b}.header-nav a.active,.header-nav a:hover{color:var(--blue)}.header-nav a.active:after{content:'';height:3px;background:var(--blue);width:18px;position:absolute;right:0;bottom:-13px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;border-radius:10px;border:1px solid transparent;padding:10px 20px;font-weight:800;font-size:.85rem;background:var(--blue);color:white;line-height:1.65;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{background:#1557d6;transform:translateY(-1px);box-shadow:0 6px 15px #2568eb20}.btn.secondary{background:#fff;border-color:#dbe3f0;color:var(--navy)}.btn.secondary:hover{background:#f1f5fb}.btn.ghost{background:transparent;border-color:transparent;color:var(--navy);padding-inline:12px;box-shadow:none}.btn.small{min-height:37px;font-size:.76rem;padding:6px 12px}.btn.danger{background:#fff3f3;border-color:#ffcaca;color:#b8243a}.btn.full{width:100%}.icon-button{display:grid;place-items:center;min-height:39px;width:39px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--navy)}.mobile-toggle{display:none}.demo-banner{background:#eaf1ff;color:#31537d;font-size:.73rem;padding:8px 28px;text-align:center;border-bottom:1px solid #dce7fa;line-height:1.8}.demo-banner strong{font-weight:800}.demo-banner a{text-decoration:underline;margin-inline:6px}.hero{padding:66px 0 55px;background:linear-gradient(90deg,#eef3fa55,#fff 60%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:64px}.hero h1{font-size:3.3rem;font-weight:900;line-height:1.55;letter-spacing:-1.3px;margin:18px 0}.hero h1 span{color:var(--blue);position:relative}.hero h1 span:after{content:'';position:absolute;right:0;left:0;bottom:3px;height:7px;background:#dbe8ff;z-index:0}.hero h1 span em{font-style:normal;position:relative;z-index:1}.hero-description{color:#6b7890;font-size:.95rem;max-width:440px}.hero-actions{display:flex;align-items:center;gap:13px;margin:29px 0 26px}.hero-actions .btn{min-height:52px;padding-inline:25px}.hero-proof{display:flex;align-items:center;gap:10px;font-size:.73rem;color:var(--muted)}.hero-proof .proof-check{background:#e9f0fc;display:grid;place-items:center;border-radius:50%;width:27px;height:27px;color:var(--blue)}.hero-visual{position:relative;isolation:isolate;min-width:0}.visual-frame{background:var(--navy);border-radius:26px;height:443px;overflow:hidden;position:relative;border:1px solid #314767}.visual-frame:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 45% 15%,#3a63a62b,transparent 70%);pointer-events:none}.visual-grid{position:absolute;inset:0;opacity:.065;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:29px 29px;transform:perspective(800px) rotateX(15deg);transform-origin:50% 0}.visual-label{position:absolute;top:24px;right:26px;color:#96abce;font-size:.62rem;letter-spacing:2.1px;direction:ltr;font-weight:700}.visual-label:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ba4ff;margin-left:8px;box-shadow:0 0 14px #5ba4ff}.blueprint{width:100%;height:365px;position:absolute;left:0;bottom:26px;z-index:1}.visual-bottom{position:absolute;bottom:20px;right:26px;left:26px;display:flex;align-items:center;justify-content:space-between;color:#9db1d1;z-index:2;font-size:.56rem;font-weight:700;letter-spacing:1.2px;direction:ltr}.visual-tag{position:absolute;right:-23px;bottom:58px;z-index:4;background:white;border:1px solid #e4eaf3;box-shadow:0 10px 30px #0b254220;border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:13px;min-width:200px}.visual-tag .tag-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue)}.visual-tag strong{font-size:.8rem;display:block}.visual-tag span{font-size:.65rem;color:var(--muted)}.visual-tag.secondary-tag{right:auto;left:-20px;bottom:auto;top:59px;min-width:175px;padding:11px}.stats-strip{background:white;border-block:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px}.stat{display:flex;align-items:center;justify-content:center;gap:15px;border-left:1px solid var(--line)}.stat:last-child{border:0}.stat svg{color:var(--blue);stroke-width:1.5}.stat strong{display:block;font-size:1.03rem;font-weight:900}.stat span{font-size:.68rem;color:var(--muted)}.section{padding-block:69px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{font-size:1.95rem;margin-top:9px}.section-heading p{font-size:.84rem;color:var(--muted);max-width:430px}.course-featured{display:grid;grid-template-columns:1.45fr .65fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.course-featured-body{padding:33px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #dce7ff;color:#2b65c8;border-radius:6px;background:#f0f5ff;font-size:.63rem;font-weight:800}.pill.success{background:#eefaf5;color:#248660;border-color:#d6eee3}.pill.warning{background:#fff8e7;color:#a27819;border-color:#f4e8be}.pill.error{background:#fff0f1;color:#b63d4d;border-color:#f5d7dc}.course-featured h3{font-size:1.58rem;direction:ltr;text-align:right;margin:15px 0 8px}.course-featured p{font-size:.82rem;color:var(--muted)}.feature-list{display:flex;flex-wrap:wrap;gap:13px 26px;margin:23px 0 0;font-size:.72rem;color:#52657e}.feature-list span{display:flex;align-items:center;gap:7px}.feature-list svg{color:var(--blue)}.price-panel{padding:30px;background:#f0f5fd;border-right:1px solid #dce7f7;display:flex;flex-direction:column;justify-content:center}.price-label{font-size:.72rem;color:#60718b}.price{font-size:2.5rem;color:var(--navy);font-weight:900;line-height:1.7;letter-spacing:-1px}.price small{font-size:.79rem;letter-spacing:0;font-weight:600}.price-panel p{font-size:.73rem;line-height:1.8;margin-bottom:18px}.price-panel .payment-note{display:flex;align-items:center;gap:7px;font-size:.63rem;margin-top:12px;color:#718299}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.benefit{padding:27px;border:1px solid var(--line);border-radius:18px;background:white}.benefit-icon{display:grid;place-items:center;width:47px;height:47px;background:#edf3ff;color:var(--blue);border-radius:12px;margin-bottom:18px}.benefit h3{font-size:1rem;margin-bottom:8px}.benefit p{font-size:.76rem;color:var(--muted)}.section.soft{background:#edf2f9}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step-number{font-size:2rem;font-weight:900;color:#adc4e8;border-bottom:1px solid #cfdbec;margin-bottom:14px;padding-bottom:8px;font-family:Arial,sans-serif}.step h3{font-size:.9rem}.step p{font-size:.73rem;color:var(--muted);margin-top:7px}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}.faq-grid h2{font-size:1.9rem;margin:10px 0}.faq-grid p{font-size:.82rem;color:var(--muted)}.faq-list details{padding:18px 0;border-bottom:1px solid var(--line);font-size:.84rem}.faq-list summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font:22px Arial;color:var(--blue)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:.77rem;padding-top:13px}.cta-band{padding:35px;border-radius:20px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:10px 65px;background-image:radial-gradient(at 0% 50%,#2b599757,transparent 60%)}.cta-band h2{font-size:1.5rem}.cta-band p{font-size:.8rem;color:#bac9df;margin-top:7px}.site-footer{background:white;border-top:1px solid var(--line);padding:32px 0 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:26px;font-size:.73rem;color:var(--muted)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:.62rem;color:#8995a9}.page{padding-block:48px;min-height:70vh}.page-title{margin-bottom:27px}.page-title h1{font-size:1.9rem}.page-title p{color:var(--muted);font-size:.83rem;margin-top:5px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:.7rem;color:var(--muted);margin-bottom:22px}.course-hero{padding:40px;border-radius:22px;background:var(--navy);color:white;display:grid;grid-template-columns:1.4fr .6fr;gap:45px}.course-hero h1{font-size:2.25rem;direction:ltr;text-align:right;line-height:1.3;margin:19px 0}.course-hero p{font-size:.84rem;color:#c0cee1}.course-hero .eyebrow{color:#8eb4ff}.course-hero .feature-list{color:#c4d3e9}.course-hero .price-panel{border:0;border-radius:16px}.course-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:27px;margin-top:28px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:var(--shadow)}.card h2{font-size:1.08rem;margin-bottom:18px}.card h3{font-size:.95rem}.card p{font-size:.8rem;color:var(--muted)}.card + .card{margin-top:22px}.curriculum-list{display:grid;gap:0}.curriculum-item{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #eef1f6}.curriculum-item:last-child{border:0}.lesson-number{width:35px;height:35px;border-radius:8px;background:#f0f4fa;color:#6a83a8;display:grid;place-items:center;font:700 12px Arial;flex-shrink:0}.curriculum-item h3{font-size:.8rem}.curriculum-item p{font-size:.66rem;margin-top:3px}.curriculum-item>svg{margin-right:auto;color:#8da0bb}.info-list{display:grid;gap:14px}.info-list div{display:flex;align-items:start;gap:11px;font-size:.76rem;color:#60718b}.info-list svg{color:var(--blue);flex-shrink:0;margin-top:2px}.instructor{display:flex;gap:15px;align-items:center}.avatar{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#e8f0ff;color:var(--blue);font-weight:900;flex-shrink:0}.instructor h3{font-size:.87rem;direction:ltr;text-align:right}.instructor p{font-size:.68rem}.auth-layout{max-width:1050px;margin:45px auto 60px;display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:23px;overflow:hidden;box-shadow:var(--shadow)}.auth-form{padding:38px 44px}.auth-form h1{font-size:1.8rem;margin-bottom:5px}.auth-form>p{font-size:.79rem;color:var(--muted);margin-bottom:25px}.auth-form .form-footer{text-align:center;font-size:.76rem;margin-top:19px}.auth-form .form-footer a{color:var(--blue);font-weight:800}.auth-side{padding:44px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-side:before{content:'';position:absolute;width:250px;height:250px;border:1px solid #54729a44;border-radius:50%;bottom:-100px;left:-100px;box-shadow:0 0 0 50px #54729a11,0 0 0 100px #54729a09}.auth-side h2{font-size:1.8rem;line-height:1.7;margin:21px 0 14px}.auth-side p{color:#b4c5dd;font-size:.81rem}.auth-side .info-list{margin-top:30px}.auth-side .info-list div{color:#d3def1}.auth-side .info-list svg{color:#82acff}.notice{padding:13px 16px;border:1px solid #dce7fb;background:#f1f6ff;color:#436189;border-radius:10px;font-size:.76rem;line-height:1.9;margin:17px 0;display:flex;gap:10px;align-items:flex-start}.notice svg{flex-shrink:0;margin-top:3px}.notice.error{background:#fff0f2;border-color:#f1ced4;color:#a83248}.notice.success{background:#edf9f2;border-color:#cfe9db;color:#26784f}.notice.warning{background:#fff8eb;border-color:#ede0bc;color:#956e17}.empty{padding:44px 25px;text-align:center;color:var(--muted);border:1px dashed #d4deec;border-radius:14px;background:#fbfcfe}.empty svg{color:#86a0c7;margin-bottom:13px}.empty h3{color:var(--navy);font-size:.94rem}.empty p{font-size:.76rem;margin:8px auto 18px;max-width:440px}.loading{padding:65px;text-align:center;color:var(--muted)}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:24px;bottom:24px;z-index:70;max-width:440px;background:var(--navy);color:white;padding:16px 20px;border-radius:12px;box-shadow:0 12px 30px #0b193b30;font-size:.8rem;display:flex;align-items:center;gap:12px}.toast.error{background:#98283a}.app-shell{max-width:1460px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 94px)}.app-sidebar{border-left:1px solid var(--line);background:white;padding:26px 20px}.sidebar-label{font-size:.63rem;color:#9ba9bd;letter-spacing:.03em;padding-inline:10px;margin:22px 0 10px;font-weight:800}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;font-size:.78rem;color:#6a7990;margin:5px 0;border:0;background:transparent;width:100%;text-align:right;font-weight:700}.sidebar-link.active{background:#edf3ff;color:var(--blue)}.sidebar-link:hover{background:#f4f7fc}.sidebar-link svg{width:19px;height:19px;stroke-width:1.7}.sidebar-profile{display:flex;gap:10px;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--line);overflow:hidden}.sidebar-profile .avatar{width:37px;height:37px;font-size:.85rem}.sidebar-profile strong{display:block;font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.sidebar-profile small{font-size:.6rem;color:var(--muted)}.sidebar-help{background:#f5f8fd;padding:15px;border:1px solid #e6edf8;border-radius:12px;margin-top:40px}.sidebar-help h3{font-size:.72rem}.sidebar-help p{font-size:.63rem;margin:7px 0;color:var(--muted)}.app-main{padding:30px 34px;min-width:0}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dashboard-heading h1{font-size:1.55rem}.dashboard-heading p{font-size:.76rem;color:var(--muted);margin-top:5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:21px 0 25px}.kpi{padding:20px;background:white;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;gap:14px}.kpi svg{color:var(--blue);width:24px;height:24px;stroke-width:1.5}.kpi strong{font-size:1.35rem;font-weight:900;display:block;line-height:1.5}.kpi span{font-size:.65rem;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:23px}.dashboard-grid .card + .card{margin-top:0}.enrollment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.enrollment-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.enrollment-cover{height:110px;background:var(--navy);position:relative;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}.enrollment-cover:before{content:'';position:absolute;inset:-50px;background:repeating-linear-gradient(35deg,transparent 0 20px,#6a95d01c 21px 22px);transform:rotate(15deg)}.enrollment-cover span,.enrollment-cover svg{position:relative}.enrollment-cover .pill{background:#ffffff17;color:#d7e6ff;border-color:#ffffff20}.enrollment-cover svg{color:#93b8f9;width:54px;height:54px;stroke-width:.9}.enrollment-body{padding:20px}.enrollment-body h3{font-size:.99rem}.enrollment-body p{font-size:.7rem;color:var(--muted);margin-top:6px}.enrollment-meta{display:flex;gap:17px;font-size:.67rem;color:var(--muted);margin:14px 0}.enrollment-meta span{display:flex;gap:5px;align-items:center}.progress-bar{height:5px;border-radius:8px;background:#edf1f7;overflow:hidden;margin:8px 0 18px}.progress-bar>span{height:100%;background:var(--blue);display:block;border-radius:8px}.enrollment-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.payment-option{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:start;gap:10px;background:#fff;cursor:pointer}.payment-option:has(input:checked){border-color:var(--blue);background:#f2f6ff}.payment-option input{width:17px;min-height:17px;flex-shrink:0;margin-top:5px;accent-color:var(--blue)}.payment-option strong{display:block;font-size:.81rem}.payment-option small{display:block;color:var(--muted);font-size:.67rem;margin-top:3px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 17px}.form-grid .wide{grid-column:1/-1}.payment-summary{border:1px solid var(--line);background:#fafbfd;border-radius:12px;padding:16px;margin-bottom:20px}.payment-summary-row{display:flex;justify-content:space-between;gap:15px;font-size:.76rem;padding:8px 0}.payment-summary-row strong{font-weight:800}.payment-summary-row + .payment-summary-row{border-top:1px solid var(--line)}.transfer-box{background:#edf4ff;border:1px solid #d8e6fe;border-radius:13px;padding:20px;margin:18px 0}.transfer-box strong{display:block;font-size:1.7rem;letter-spacing:1px;direction:ltr;text-align:right;color:var(--blue)}.transfer-box p{font-size:.75rem;color:#5d779d}.split-layout{display:grid;grid-template-columns:1.1fr .8fr;gap:25px}.table-scroll{overflow:auto;margin-inline:-4px}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:.72rem}th{background:#f6f8fc;color:#71809a;font-size:.64rem;font-weight:800;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf1f6}td strong{display:block;font-size:.74rem}td small{color:var(--muted);font-size:.63rem}td:last-child{white-space:normal}.table-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:23px;overflow:auto;padding-bottom:0}.tab{padding:11px 16px;background:transparent;border:0;white-space:nowrap;color:var(--muted);font-size:.75rem;font-weight:800;border-bottom:3px solid transparent}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.toolbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{max-width:320px}.toolbar select{max-width:230px}.toolbar .btn{margin-right:auto}.round-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.round-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:white}.round-card-header{display:flex;justify-content:space-between;gap:15px;align-items:start}.round-card h3{font-size:.93rem}.round-card p{font-size:.72rem;color:var(--muted);margin:10px 0}.round-card .feature-list{margin:15px 0;font-size:.66rem}.round-card-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:19px}.modal-backdrop{position:fixed;inset:0;background:#07163275;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:80}.modal{max-width:590px;width:100%;max-height:90vh;overflow:auto;border-radius:19px;background:white;padding:27px;box-shadow:0 25px 70px #09172e30}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-head h2{font-size:1.19rem}.modal-head p{font-size:.72rem;color:var(--muted);margin-top:5px}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.video-frame{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0e1a2d;display:flex;align-items:center;justify-content:center;color:#c3d2e9;position:relative}.video-placeholder{text-align:center;max-width:380px;padding:26px}.video-placeholder svg{width:49px;height:49px;color:#8cabdb;stroke-width:1;margin-bottom:12px}.video-placeholder h3{font-size:1rem}.video-placeholder p{font-size:.73rem;color:#9cafd0;margin-top:8px}.video-frame video,.video-frame iframe{width:100%;height:100%;border:0}.lesson-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:24px 0}.lesson-heading h1{font-size:1.25rem}.lesson-heading p{font-size:.73rem;color:var(--muted);margin-top:6px}.lesson-nav{padding:17px;background:white;border:1px solid var(--line);border-radius:15px;max-height:660px;overflow:auto}.lesson-nav h2{font-size:.85rem;padding:5px 5px 15px}.lesson-nav-item{width:100%;border:0;background:transparent;text-align:right;display:flex;align-items:start;gap:10px;padding:12px 9px;border-radius:9px;margin:2px 0;color:#667a98}.lesson-nav-item.active{background:#edf3ff;color:var(--blue)}.lesson-nav-item .lesson-number{width:29px;height:29px;font-size:10px}.lesson-nav-item strong{font-size:.7rem;line-height:1.9;display:block}.lesson-nav-item small{font-size:.6rem}.lesson-nav-item>svg{flex-shrink:0;margin-top:4px;margin-right:auto}.material-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.material-item:last-child{border:0}.material-item svg{color:var(--blue);flex-shrink:0}.material-item strong{font-size:.75rem;display:block}.material-item small{font-size:.63rem;color:var(--muted)}.material-item .btn{margin-right:auto}.inline-check{display:flex;gap:10px;align-items:start;font-size:.74rem;color:var(--muted);line-height:1.9;margin-bottom:18px}.inline-check input{flex-shrink:0;margin-top:5px;accent-color:var(--blue)}.legal{max-width:820px;margin:auto}.legal h2{font-size:1.1rem;margin:28px 0 10px}.legal p,.legal li{font-size:.82rem;color:var(--muted);line-height:2}.legal ul{padding-right:21px}.legal .card h1{font-size:1.75rem}.demo-switch{display:flex;gap:6px;align-items:center;justify-content:center;background:#fff5df;padding:10px;color:#7d6225;font-size:.72rem;border-bottom:1px solid #ede1c2}.demo-switch .btn{margin-inline:3px}.welcome-banner{padding:24px;background:linear-gradient(115deg,#163058,#1d4480);border-radius:17px;color:white;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:24px}.welcome-banner h2{font-size:1.2rem}.welcome-banner p{font-size:.75rem;color:#bfcee4;margin-top:7px}.welcome-banner svg{width:53px;height:53px;color:#79a4e4;stroke-width:1}.text-link{color:var(--blue);font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;gap:6px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.status-row h2{margin:0}.review-details{display:grid;gap:12px;margin:18px 0}.review-details>div{display:flex;justify-content:space-between;font-size:.77rem;border-bottom:1px solid var(--line);padding-bottom:11px}.receipt-preview{display:block;max-width:100%;max-height:420px;margin:auto;border:1px solid var(--line);border-radius:10px}.search-field{position:relative;min-width:210px;flex:1;max-width:340px}.search-field input{padding-right:40px}.search-field svg{position:absolute;right:13px;top:15px;color:#91a1b9}.helper-note{font-size:.67rem;color:var(--muted);line-height:1.9;margin-top:12px}.payments-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.payment-installment{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.payment-installment strong{font-size:1.14rem;display:block;margin:8px 0}.payment-installment p{font-size:.69rem;color:var(--muted)}.installment-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.65rem;color:var(--muted)}
@media(min-width:1500px){.hero{padding-block:84px}.hero h1{font-size:3.6rem}.visual-frame{height:468px}}
@media(max-width:1100px){.container{padding-inline:24px}.header-nav{gap:19px}.hero-grid{gap:37px}.hero h1{font-size:2.75rem}.visual-frame{height:410px}.visual-tag{right:-10px}.visual-tag.secondary-tag{left:-10px}.app-shell{grid-template-columns:200px minmax(0,1fr)}.app-main{padding:27px 23px}.app-sidebar{padding-inline:13px}.kpi-grid{gap:12px}.kpi{padding:15px;gap:9px}.kpi svg{width:20px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .card + .card{margin-top:0}.lesson-layout{grid-template-columns:minmax(0,1fr) 260px}.course-hero{gap:27px;padding:30px}.course-hero h1{font-size:1.85rem}.auth-form{padding:32px}.auth-side{padding:33px}}
@media(max-width:850px){.header-nav{display:none}.mobile-toggle{display:grid}.header-nav.mobile-open{display:flex;position:absolute;top:94px;right:0;left:0;background:white;padding:22px;box-shadow:0 15px 20px #0e1a2d0b;flex-wrap:wrap;z-index:11;border-top:1px solid var(--line)}.header-nav a.active:after{bottom:-6px}.hero{padding-block:44px}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:2.25rem}.hero-description{font-size:.83rem}.hero-actions{flex-wrap:wrap;gap:9px}.hero-actions .btn{font-size:.73rem;padding-inline:16px}.visual-frame{height:365px}.blueprint{height:290px}.visual-tag{min-width:170px;bottom:40px;padding:10px}.visual-tag.secondary-tag{display:none}.visual-tag .tag-icon{width:31px;height:31px}.stat{gap:9px}.stat svg{width:22px}.stat strong{font-size:.87rem}.stat span{font-size:.61rem}.course-featured{grid-template-columns:1.3fr .7fr}.course-featured-body{padding:26px}.course-featured h3{font-size:1.28rem}.price-panel{padding:23px}.benefits-grid{gap:15px}.benefit{padding:20px}.steps{gap:17px}.app-shell{grid-template-columns:1fr}.app-sidebar{padding:12px 24px;border-left:0;border-bottom:1px solid var(--line);display:flex;gap:8px;overflow:auto;align-items:center}.sidebar-link{width:auto;white-space:nowrap;min-width:max-content;font-size:.72rem;margin:0;padding:9px 12px}.sidebar-profile,.sidebar-label,.sidebar-help{display:none}.app-main{padding:28px 24px}.lesson-layout{grid-template-columns:1fr}.lesson-nav{max-height:290px}.course-layout{grid-template-columns:1.3fr .7fr;gap:18px}.course-hero{grid-template-columns:1.25fr .75fr;gap:22px;padding:27px}.course-hero h1{font-size:1.6rem}.split-layout{gap:20px}.auth-layout{margin-inline:24px}.auth-side h2{font-size:1.4rem}.faq-grid{gap:30px}.section{padding-block:50px}}
@media(max-width:620px){.container{padding-inline:20px}.site-header{height:78px}.brand-symbol{width:36px;height:39px;font-size:16px}.brand-name{font-size:.87rem}.brand-name small{font-size:.46rem;letter-spacing:1.4px}.header-actions{gap:3px}.header-actions>.btn{font-size:.69rem;min-height:38px;padding:7px 10px}.header-actions>.btn svg{width:14px}.header-actions .btn.ghost{display:none}.header-nav.mobile-open{top:78px}.demo-banner{padding:7px 17px;font-size:.63rem}.hero{padding-top:36px;padding-bottom:42px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:2.55rem;margin-block:16px}.hero-description{font-size:.82rem;max-width:100%}.hero-actions{margin-top:22px;margin-bottom:17px}.hero-actions .btn{font-size:.79rem;padding-inline:22px;min-height:47px}.hero-proof{font-size:.66rem}.visual-frame{height:323px;border-radius:19px}.blueprint{height:283px;bottom:12px}.visual-label{top:17px;right:20px;font-size:.52rem}.visual-bottom{right:20px;left:20px;bottom:15px;font-size:.47rem}.visual-tag{right:-7px;bottom:27px;padding:10px;min-width:179px}.visual-tag strong{font-size:.7rem}.visual-tag span{font-size:.58rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:22px 0;padding-block:23px}.stat:nth-child(2){border:0}.stat{justify-content:flex-start;padding-right:15px;gap:12px}.stat strong{font-size:.9rem}.stat span{font-size:.63rem}.stat svg{width:25px;height:25px}.section{padding-block:42px}.section-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:23px}.section-heading h2{font-size:1.55rem}.section-heading p{font-size:.76rem}.course-featured{grid-template-columns:1fr}.course-featured-body{padding:25px}.course-featured h3{font-size:1.3rem}.course-featured p{font-size:.76rem}.feature-list{gap:12px 19px;font-size:.67rem}.price-panel{border-right:0;border-top:1px solid #dce7f7;padding:23px 25px}.price{font-size:2.25rem}.benefits-grid{grid-template-columns:1fr;gap:14px}.benefit{display:grid;grid-template-columns:43px 1fr;gap:8px 17px;padding:23px}.benefit-icon{width:43px;height:43px;grid-row:1/3;margin:0}.benefit h3{font-size:.92rem}.benefit p{font-size:.73rem}.steps{grid-template-columns:repeat(2,1fr);gap:26px 22px}.step-number{font-size:1.7rem}.step h3{font-size:.79rem}.step p{font-size:.69rem}.faq-grid{grid-template-columns:1fr;gap:14px}.faq-grid h2{font-size:1.55rem}.faq-list details{font-size:.77rem;padding-block:16px}.cta-band{flex-direction:column;align-items:start;padding:26px;margin-bottom:43px;gap:22px}.cta-band h2{font-size:1.23rem}.cta-band p{font-size:.73rem}.cta-band .btn{width:100%}.footer-top{flex-direction:column;align-items:start;gap:23px}.footer-links{gap:24px;font-size:.7rem}.footer-bottom{flex-direction:column;align-items:start;gap:9px}.page{padding-block:30px}.page-title h1{font-size:1.5rem}.page-title p{font-size:.76rem}.course-hero{grid-template-columns:1fr;gap:25px;padding:25px}.course-hero h1{font-size:1.8rem}.course-hero p{font-size:.79rem}.course-layout{grid-template-columns:1fr;gap:20px;margin-top:22px}.card{padding:21px;border-radius:14px}.card h2{font-size:1rem}.course-layout>aside{order:-1}.course-layout>aside .card:nth-child(2){display:none}.auth-layout{grid-template-columns:1fr;margin:30px 20px}.auth-form{padding:27px 24px}.auth-form h1{font-size:1.55rem}.auth-side{display:none}.app-main{padding:24px 20px}.app-sidebar{padding:9px 15px}.sidebar-link{font-size:.68rem;gap:8px}.sidebar-link svg{width:16px;height:16px}.dashboard-heading{align-items:start;margin-bottom:20px}.dashboard-heading h1{font-size:1.3rem}.dashboard-heading p{font-size:.69rem}.dashboard-heading .btn{font-size:.65rem;padding:7px 9px;min-height:35px}.dashboard-heading .btn svg{width:14px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.kpi{padding:16px;gap:12px}.kpi strong{font-size:1.23rem}.kpi span{font-size:.61rem}.enrollment-grid,.round-grid{grid-template-columns:1fr}.welcome-banner{padding:21px;gap:16px}.welcome-banner h2{font-size:1rem}.welcome-banner p{font-size:.68rem}.welcome-banner svg{width:39px;height:39px;flex-shrink:0}.enrollment-body{padding:19px}.dashboard-grid{gap:18px}.split-layout{grid-template-columns:1fr;gap:20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.toolbar{gap:9px}.toolbar input,.toolbar select{max-width:100%}.toolbar .btn{margin-right:0}.tabs{margin-bottom:18px}.tab{padding:10px 13px;font-size:.69rem}.toast{right:16px;left:16px;bottom:16px;max-width:none;font-size:.75rem;padding:14px}.modal-backdrop{padding:15px}.modal{padding:23px;max-height:93vh}.modal-head h2{font-size:1.05rem}.lesson-heading{flex-direction:column;gap:14px;margin-block:20px}.lesson-heading h1{font-size:1.1rem}.lesson-heading .btn{font-size:.7rem;min-height:40px}.video-placeholder h3{font-size:.83rem}.video-placeholder p{font-size:.61rem}.video-placeholder svg{width:34px;height:34px;margin-bottom:7px}.video-placeholder{padding:20px}.video-frame{border-radius:11px}.lesson-nav{max-height:265px}.payments-cards{grid-template-columns:1fr}.payment-installment{display:flex;align-items:center;gap:18px;justify-content:space-between}.payment-installment strong{font-size:1rem;white-space:nowrap}.payment-installment p{margin-right:auto}.demo-switch{font-size:.61rem;padding:8px;flex-wrap:wrap}.demo-switch .btn{font-size:.62rem}.receipt-preview{max-height:320px}.legal .card h1{font-size:1.4rem}.legal p,.legal li{font-size:.74rem}.info-list div{font-size:.72rem}.text-link{font-size:.7rem}.transfer-box strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.instructor-image{object-fit:cover;object-position:center 20%;border:1px solid var(--line)}

.payments-cards:has(.payment-installment:only-child){grid-template-columns:1fr}
.form-controls{border:0;padding:0;margin:0;min-width:0}.advanced-video{margin:18px 0;border:1px solid var(--line);border-radius:10px;padding:13px 15px;font-size:.73rem;color:var(--muted)}.advanced-video summary{cursor:pointer;font-weight:800;color:var(--navy)}.advanced-video[open] summary{margin-bottom:15px}.advanced-video .field{margin-bottom:0}