@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@700;800&display=swap";:root{--primary: #6543de;--primary-dark: #4d2fc3;--primary-soft: #f0ecff;--ink: #17132d;--muted: #6f6a7e;--line: #e9e6f1;--paper: #fff;--surface: #f8f7fb;--orange: #f39a3f;--green: #25a68f;--shadow: 0 20px 60px rgba(36, 25, 78, .1);--radius: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Segoe UI,Tahoma,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:105px 0}.app-shell{min-height:100vh;overflow:hidden}.btn{min-height:48px;border:0;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:0 23px;font-weight:700;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 25px #6543de40}.btn-primary:hover{background:var(--primary-dark)}.btn-white{background:#fff;color:var(--primary-dark)}.btn.full{width:100%}.site-header{height:78px;background:#fffffff0;border-bottom:1px solid rgba(233,230,241,.8);position:sticky;inset-block-start:0;z-index:50;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:48px}.logo{display:inline-flex;align-items:center;direction:ltr;gap:10px;flex-shrink:0}.logo-mark{width:39px;height:39px;background:var(--primary);color:#fff;border-radius:12px 12px 12px 4px;display:grid;place-items:center;transform:rotate(-5deg);box-shadow:0 7px 17px #6543de47}.logo-play{font-size:14px;transform:rotate(5deg);margin-left:2px}.logo>span:last-child{display:flex;flex-direction:column;line-height:1}.logo b{font:800 21px/1 Inter,sans-serif;color:var(--ink);letter-spacing:-.6px}.logo small{font:700 7px/1 Inter,sans-serif;color:var(--primary);letter-spacing:3px;margin-top:4px}.logo-light b,.logo-light small{color:#fff}.logo-light .logo-mark{background:#fff;color:var(--primary)}.nav-links{display:flex;align-items:center;gap:30px;flex:1}.nav-links a{font-size:14px;font-weight:600;color:#514d5d;position:relative;padding:27px 0 24px}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active:after{content:"";position:absolute;bottom:17px;height:3px;border-radius:4px;background:var(--primary);right:25%;left:25%}.nav-actions{display:flex;align-items:center;gap:11px}.icon-button,.menu-button{border:0;background:transparent;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:var(--ink)}.icon-button:hover{background:var(--surface)}.text-button{background:transparent;border:0;padding:10px;font-weight:700;color:var(--ink)}.menu-button{display:none}.user-nav{position:relative;padding-bottom:4px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;border:4px solid var(--primary-soft)}.user-popover{position:absolute;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.2s;top:48px;left:0;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);padding:14px;border-radius:14px;width:190px;display:grid;gap:8px}.user-nav:hover .user-popover{opacity:1;visibility:visible;transform:translateY(0)}.user-popover>b{padding:5px 8px 12px;border-bottom:1px solid var(--line)}.user-popover a,.user-popover button{border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:right;padding:8px;color:#514d5d;border-radius:7px}.user-popover a:hover,.user-popover button:hover{background:var(--surface);color:var(--primary)}.hero{background:linear-gradient(120deg,#fbfaff,#f7f4ff 58%,#f1ebff);min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#8d74e4 1px,transparent 1px);background-size:28px 28px;opacity:.08;-webkit-mask-image:linear-gradient(to left,#000,transparent 65%);mask-image:linear-gradient(to left,#000,transparent 65%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{width:500px;height:500px;background:#beaaff40;left:-230px;top:-180px}.glow-two{width:320px;height:320px;background:#ffbe7d1f;right:35%;bottom:-240px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:85px;padding-block:58px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);background:#fff;border:1px solid #ddd5ff;border-radius:50px;padding:7px 13px;font-size:13px;font-weight:700;margin-bottom:19px;box-shadow:0 6px 20px #4f31b912}.hero h1{font-size:clamp(47px,5vw,68px);line-height:1.24;letter-spacing:-2.3px;margin:0 0 16px;font-weight:800}.hero h1 span{color:var(--primary);position:relative}.hero h1 span:after{content:"";position:absolute;height:8px;background:var(--orange);opacity:.55;right:5px;left:5px;bottom:-2px;border-radius:50%;clip-path:polygon(0 40%,100% 0,98% 85%,4% 100%)}.hero-copy>p{max-width:560px;color:var(--muted);font-size:17px;line-height:1.95;margin:0 0 28px}.hero-search{width:100%;max-width:590px;height:64px;background:#fff;border:1px solid #e5e0f0;border-radius:14px;display:flex;align-items:center;padding:6px 13px 6px 7px;box-shadow:0 15px 40px #2c1f5917}.hero-search>svg{color:#8a8497;flex-shrink:0}.hero-search input{min-width:0;flex:1;border:0;outline:0;padding:0 12px;color:var(--ink)}.hero-search button{height:50px;border:0;background:var(--primary);color:#fff;border-radius:10px;padding:0 24px;font-weight:700;flex-shrink:0}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:25px}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:31px;height:31px;border-radius:50%;background:#d8cdfc;color:#563cb2;border:2px solid white;display:grid;place-items:center;margin-left:-7px;font-size:10px;font-weight:800}.avatar-stack span:nth-child(2){background:#fde0c1;color:#a85e13}.avatar-stack span:nth-child(3){background:#bee7dd;color:#157563}.avatar-stack span:last-child{background:var(--primary);color:#fff}.hero-trust>div:last-child{display:flex;flex-direction:column}.stars{display:inline-flex;align-items:center;gap:4px;color:#efa132;font-size:13px}.stars b{color:var(--ink)}.hero-trust small{color:var(--muted);margin-top:2px}.hero-visual{min-height:500px;position:relative;display:grid;place-items:center}.hero-card-main{width:400px;height:455px;position:relative;border-radius:36px 100px 35px 80px;background:linear-gradient(145deg,#8061e8,#5135bd);transform:rotate(-2deg);box-shadow:0 35px 80px #462da647}.hero-card-main:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:35px;top:55px;box-shadow:0 0 0 38px #ffffff0a,0 0 0 78px #ffffff08}.teacher-shape{position:absolute;bottom:0;right:78px;width:245px;height:392px}.teacher-head{position:absolute;z-index:4;width:104px;height:123px;border-radius:48px 48px 50px 50px;background:#eebf9e;right:68px;top:23px;box-shadow:inset 0 -12px #b8614614}.teacher-head:before,.teacher-head:after{content:"";position:absolute;width:7px;height:8px;background:#27212d;border-radius:50%;top:51px}.teacher-head:before{right:26px}.teacher-head:after{left:26px}.teacher-hair{position:absolute;z-index:5;width:110px;height:52px;background:#261d31;right:65px;top:16px;border-radius:48px 55px 18px 7px;transform:rotate(-4deg)}.teacher-hair:after{content:"";width:20px;height:60px;background:#261d31;position:absolute;left:-1px;top:23px;border-radius:0 15px 15px 20px}.teacher-body{position:absolute;bottom:0;right:10px;width:225px;height:270px;background:#1a1930;border-radius:70px 70px 25px 25px;clip-path:polygon(23% 5%,74% 5%,100% 32%,88% 100%,8% 100%,0 33%)}.teacher-body:before{content:"";position:absolute;top:0;right:75px;width:76px;height:68px;background:#fff;clip-path:polygon(0 0,100% 0,78% 100%,50% 58%,22% 100%)}.teacher-body span{position:absolute;width:90px;height:18px;background:#eebf9e;border-radius:10px;transform:rotate(-24deg);left:14px;top:123px}.code-window{position:absolute;top:58px;left:25px;width:137px;height:100px;background:#17142b;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:11px;box-shadow:0 15px 30px #140a3c59;font:600 11px/1.6 monospace;transform:rotate(4deg)}.code-window>div{display:flex;gap:4px;margin-bottom:10px;direction:ltr}.code-window i{width:6px;height:6px;border-radius:50%;background:#f07272}.code-window i:nth-child(2){background:#f4c56d}.code-window i:nth-child(3){background:#68d1a2}.code-window span,.code-window b{display:block}.code-window span{color:#a995fa}.code-window b{color:#74dabf}.floating-chip{position:absolute;z-index:8;background:#fffffff2;border:1px solid white;border-radius:14px;box-shadow:0 15px 35px #2a1b6129;padding:11px 13px;display:flex;align-items:center;gap:10px;transform:rotate(2deg)}.floating-chip>span:first-child{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.floating-chip svg{width:20px}.floating-chip div{display:flex;flex-direction:column}.floating-chip b{font-size:17px;line-height:1.2}.floating-chip small{color:var(--muted);font-size:10px}.chip-students{right:-67px;top:75px}.chip-courses{left:-65px;bottom:77px}.chip-courses>span:first-child{background:#ffefe1;color:#e17929}.chip-rate{right:-38px;bottom:12px;color:#efa132}.chip-rate b{color:var(--ink)}.chip-rate small{color:var(--muted)}.dot-pattern{position:absolute;width:105px;height:105px;background-image:radial-gradient(var(--orange) 2.5px,transparent 2.5px);background-size:14px 14px;top:16px;right:9px;opacity:.55}.stats-strip{background:#fff;border-block:1px solid var(--line)}.stats-grid{height:112px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.stats-grid div{display:flex;flex-direction:column;align-items:center;border-left:1px solid var(--line)}.stats-grid div:last-child{border-left:0}.stats-grid b{font:800 28px/1.2 Inter,sans-serif;color:var(--primary)}.stats-grid span{font-size:13px;color:var(--muted);margin-top:8px}.section-heading>span{color:var(--primary);font-size:13px;font-weight:800;display:inline-block;margin-bottom:8px}.section-heading h2{margin:0;font-size:clamp(32px,3.2vw,44px);line-height:1.35;letter-spacing:-.9px}.section-heading h2 em{color:var(--primary);font-style:normal}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.8;margin:13px 0 0}.section-heading.center{text-align:center;max-width:700px;margin:0 auto 45px}.section-heading.row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.outline-link{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 17px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;background:#fff}.outline-link:hover{border-color:var(--primary);color:var(--primary)}.categories-section{background:#fff}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category-card{padding:22px 20px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:15px;transition:.22s;background:#fff}.category-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #23184a14;border-color:color-mix(in srgb,var(--cat) 35%,white)}.category-card>span{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--cat) 12%,white);color:var(--cat);display:grid;place-items:center}.category-card>span svg{width:24px}.category-card>div{flex:1}.category-card h3{margin:0 0 4px;font-size:16px}.category-card p{margin:0;font-size:12px;color:var(--muted)}.category-card>svg{width:19px;color:#aaa5b4}.featured-section{background:var(--surface)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.courses-grid.four{grid-template-columns:repeat(3,1fr)}.course-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s;min-width:0}.course-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #22174b1a}.course-cover{height:190px;display:block;position:relative;overflow:hidden}.course-art{height:100%;min-height:220px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--course),color-mix(in srgb,var(--course) 72%,#130c34));color:#fff}.course-art.compact{min-height:unset;height:100%}.art-orb{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.art-orb.one{width:170px;height:170px;left:-45px;top:-65px;box-shadow:0 0 0 25px #ffffff0a,0 0 0 55px #ffffff08}.art-orb.two{width:110px;height:110px;right:-40px;bottom:-37px;background:color-mix(in srgb,var(--accent) 35%,transparent)}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.art-icon{position:absolute;width:88px;height:88px;border-radius:26px;background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 20px 40px #0b052838}.compact .art-icon{width:68px;height:68px;border-radius:20px}.art-label{position:absolute;left:14px;bottom:10px;font:800 9px Inter;letter-spacing:2px;opacity:.6;direction:ltr}.best-badge{position:absolute;top:13px;right:13px;display:flex;align-items:center;gap:4px;background:#fff4de;color:#a65d10;border-radius:50px;padding:6px 9px;font-size:10px;font-weight:800}.heart-button{position:absolute;left:13px;top:13px;width:34px;height:34px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center;color:#565061}.course-card-body{padding:17px 18px 16px}.course-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px}.course-meta>span{color:var(--primary);background:var(--primary-soft);padding:4px 8px;border-radius:6px;font-weight:700}.course-card h3{margin:12px 0 11px;font-size:17px;line-height:1.55;min-height:53px;transition:.2s}.course-card h3:hover{color:var(--primary)}.instructor{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin:0 0 12px}.mini-avatar{width:23px;height:23px;background:#e8e2fc;color:var(--primary);border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.course-facts{display:flex;gap:16px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);padding-bottom:13px}.course-facts span{display:flex;align-items:center;gap:5px}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:13px}.card-footer>div{display:flex;align-items:baseline;gap:7px}.card-footer b{color:var(--primary);font-size:17px}.card-footer del{color:#aaa6b0;font-size:11px}.card-footer button{width:35px;height:35px;border:0;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.card-footer button:hover{background:var(--primary);color:#fff}.course-skeleton{height:430px;border-radius:18px;background:linear-gradient(90deg,#eeeaf3 25%,#faf9fc,#eeeaf3 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.how-section{background:#fff}.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px}.how-visual{min-height:510px;position:relative}.how-visual:before{content:"";position:absolute;width:390px;height:390px;background:#eee9ff;border-radius:70px 40% 60px 42%;right:20px;top:45px;transform:rotate(-7deg)}.video-card{position:absolute;width:405px;right:58px;top:20px;background:#fff;border-radius:22px;box-shadow:0 30px 70px #301e6f2e;overflow:hidden;transform:rotate(2deg)}.video-illustration{height:315px;background:linear-gradient(145deg,#6e4dde,#4e31b8);position:relative;overflow:hidden}.video-illustration:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.17);left:66px;top:35px;box-shadow:0 0 0 40px #ffffff0a,0 0 0 80px #ffffff06}.video-illustration button{position:absolute;z-index:2;width:65px;height:65px;border:5px solid rgba(255,255,255,.3);background:#fff;color:var(--primary);border-radius:50%;display:grid;place-items:center;left:calc(50% - 32px);top:90px}.video-illustration button svg{margin-left:3px}.laptop{position:absolute;bottom:36px;left:75px;width:260px;height:125px;background:#25213b;border:8px solid #302a49;border-radius:12px 12px 5px 5px}.laptop:after{content:"";position:absolute;height:9px;background:#d9d4e5;bottom:-17px;left:-30px;right:-30px;border-radius:2px 2px 8px 8px}.laptop i{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:linear-gradient(90deg,rgba(255,255,255,.08) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.09) 50%,transparent 50%);background-size:25px 25px}.plant{position:absolute;right:38px;bottom:24px;font-size:42px;color:#f2ad58}.video-caption{height:78px;padding:14px 17px;display:flex;align-items:center;gap:12px}.video-caption>span{width:42px;height:42px;background:#e7f7f2;color:var(--green);border-radius:12px;display:grid;place-items:center}.video-caption>div{display:flex;flex-direction:column}.video-caption b{font-size:14px}.video-caption small{color:var(--muted);font-size:11px}.success-bubble{position:absolute;left:-20px;bottom:36px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:10px}.success-bubble>svg{width:41px;height:41px;background:#fff1da;color:#e78e2b;padding:9px;border-radius:11px}.success-bubble>div{display:flex;flex-direction:column}.success-bubble b{font-size:13px}.success-bubble small{color:var(--muted);font-size:10px}.how-copy .section-heading{margin-bottom:30px}.steps{display:grid;gap:20px}.steps>div{display:flex;gap:18px}.steps>div>span{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);border-radius:13px;font:800 12px Inter}.steps>div:nth-child(2)>span{background:#fff0df;color:#db7926}.steps>div:nth-child(3)>span{background:#e2f6f1;color:#188a75}.steps h3{margin:0 0 5px;font-size:16px}.steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.reviews-section{background:#17142d;position:relative}.reviews-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:25px 25px}.section-heading.light{position:relative;color:#fff}.section-heading.light>span,.section-heading.light h2 em{color:#b5a3ff}.reviews-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.review-card{background:#24203d;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:24px;color:#fff;position:relative}.review-card.featured{transform:translateY(-12px);border-color:#a089f659;background:linear-gradient(145deg,#2e274d,#231e3c)}.quote{position:absolute;top:5px;left:19px;color:#6d58bd;font:800 65px/1 Georgia}.review-stars{color:#f0a73e;letter-spacing:2px;font-size:13px}.review-card>p{color:#c9c3d7;line-height:1.9;font-size:13px;min-height:98px;margin:15px 0 18px}.review-user{display:flex;align-items:center;gap:11px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.review-user>span{width:39px;height:39px;border-radius:50%;background:#7b5ce0;display:grid;place-items:center;font-weight:800}.review-user div{display:flex;flex-direction:column}.review-user b{font-size:13px}.review-user small{color:#9791aa;font-size:10px}.cta-section{padding:85px 0}.cta-card{min-height:340px;background:linear-gradient(125deg,#7554e4,#5132bd);color:#fff;border-radius:28px;overflow:hidden;padding:51px 65px;display:grid;grid-template-columns:1fr .7fr;align-items:center;position:relative}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:35px 35px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.cta-card>div{position:relative;z-index:2}.cta-card>div:first-child>span{font-size:13px;font-weight:700;color:#d8ceff}.cta-card h2{font-size:38px;margin:8px 0 9px;line-height:1.42}.cta-card p{color:#ddd5fa;margin:0 0 20px;font-size:14px}.cta-art{height:240px;display:grid;place-items:center;position:relative}.cta-art>svg{width:140px;height:140px;padding:29px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:45% 55% 53% 47%;transform:rotate(-8deg)}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.o1{width:205px;height:205px}.o2{width:270px;height:270px}.o3{width:15px;height:15px;background:var(--orange);border:0;right:30px;top:30px}.page-hero{background:linear-gradient(130deg,#1b1733,#342565);color:#fff;text-align:center;padding:74px 0 83px;position:relative}.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;opacity:.055}.page-hero .container{position:relative;z-index:1}.page-hero>div>span{color:#b9a8ff;font-size:13px;font-weight:800}.page-hero h1{font-size:47px;margin:5px 0 4px}.page-hero p{color:#c9c3dc;margin:0}.catalog-search{max-width:620px;height:60px;margin:28px auto -113px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:11px;padding:0 18px;box-shadow:0 18px 40px #0b071c40;color:#847e91}.catalog-search input{flex:1;min-width:0;border:0;outline:0;color:var(--ink)}.catalog{padding-top:77px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filter-pills button{border:1px solid var(--line);background:#fff;color:#5d576b;border-radius:50px;padding:8px 15px;white-space:nowrap;font-size:12px;font-weight:700}.filter-pills button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-row>span{color:var(--muted);font-size:13px;white-space:nowrap}.empty-state{text-align:center;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty-state>svg{width:60px;height:60px;padding:15px;background:var(--primary-soft);color:var(--primary);border-radius:18px}.empty-state h2{color:var(--ink);margin-bottom:0}.detail-hero{background:#1b1731;color:#fff;min-height:480px;padding:45px 0 70px}.detail-grid{display:grid;grid-template-columns:1fr 370px;gap:70px;position:relative}.detail-copy{padding-top:8px}.breadcrumbs{display:flex;align-items:center;gap:7px;color:#aaa2bc;font-size:11px;margin-bottom:22px}.breadcrumbs a:hover{color:#fff}.inline-badge{display:inline-flex;gap:5px;align-items:center;color:#ffcc7a;background:#f39a3f21;border:1px solid rgba(243,154,63,.25);padding:5px 9px;border-radius:50px;font-size:10px;font-weight:800}.detail-copy h1{font-size:clamp(35px,4vw,49px);line-height:1.45;max-width:720px;margin:13px 0}.detail-copy>p{color:#c9c3d8;line-height:1.9;font-size:16px;max-width:750px}.detail-rating{display:flex;align-items:center;gap:13px;margin:18px 0;font-size:12px;color:#aaa2bc}.detail-rating .stars b{color:#fff}.detail-rating a{color:#c6b8ff;text-decoration:underline}.detail-instructor{display:flex;align-items:center;gap:10px}.detail-instructor>span{width:38px;height:38px;background:var(--primary);border-radius:50%;display:grid;place-items:center;font-weight:800}.detail-instructor div{display:flex;flex-direction:column}.detail-instructor small{color:#918b9e;font-size:9px}.detail-instructor b{font-size:12px}.purchase-card{background:#fff;color:var(--ink);position:absolute;top:5px;left:0;width:370px;z-index:3;padding:10px 10px 19px;border-radius:18px;box-shadow:0 25px 65px #0c081e40}.purchase-card .course-art{height:205px;min-height:0;border-radius:12px}.preview-button{position:absolute;top:78px;left:calc(50% - 57px);border:0;background:#fffffff2;color:var(--primary);height:45px;border-radius:50px;display:flex;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:800;box-shadow:0 8px 25px #130a3733}.preview-button svg{width:17px}.price-line{display:flex;align-items:baseline;gap:9px;padding:16px 9px 12px}.price-line b{color:var(--primary);font-size:24px}.price-line del{color:#9d98a7;font-size:12px}.price-line span{color:#b76415;background:#fff0de;font-size:9px;font-weight:800;padding:3px 6px;border-radius:5px}.guarantee{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);margin:11px 0;font-size:10px}.guarantee svg{width:16px;color:var(--green)}.purchase-card ul{list-style:none;display:grid;gap:9px;padding:13px 10px 0;margin:0;border-top:1px solid var(--line)}.purchase-card li{display:flex;align-items:center;gap:8px;font-size:11px;color:#595464}.purchase-card li svg{width:17px;color:var(--primary)}.course-content{background:#fff;padding-top:75px}.content-grid{display:grid;grid-template-columns:1fr 370px;gap:70px}.learn-box{border:1px solid var(--line);border-radius:16px;padding:25px 27px;margin-bottom:40px}.learn-box h2,.curriculum h2,.instructor-box>h2{margin:0 0 18px;font-size:23px}.learn-box>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.learn-box p{margin:0;display:flex;gap:9px;align-items:flex-start;color:#514c5e;font-size:12px;line-height:1.7}.learn-box svg{color:var(--green);width:19px;flex-shrink:0;margin-top:1px}.content-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.content-title h2{margin-bottom:4px}.content-title p{margin:0;color:var(--muted);font-size:11px}.content-title button{color:var(--primary);background:transparent;border:0;font-size:11px;font-weight:800}.curriculum-item{border:1px solid var(--line);border-bottom:0}.curriculum-item:first-of-type{border-radius:12px 12px 0 0}.curriculum-item:last-child{border-bottom:1px solid var(--line);border-radius:0 0 12px 12px}.curriculum-item>button{width:100%;min-height:59px;padding:11px 15px;border:0;background:#faf9fc;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:right;gap:5px}.curriculum-item>button svg{width:17px;color:var(--primary)}.curriculum-item>button b{font-size:13px}.curriculum-item>button span{color:var(--muted);font-size:10px}.lesson-list{padding:5px 22px 10px 16px}.lesson-list p{display:grid;grid-template-columns:25px 1fr auto;align-items:center;color:#676171;font-size:11px}.lesson-list svg{width:15px;color:#9a94a4}.lesson-list span{font-size:9px}.instructor-box{margin-top:40px;border-top:1px solid var(--line);padding-top:35px}.instructor-box>div{display:flex;gap:18px}.big-avatar{width:88px;height:88px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,var(--primary-soft),#d7cdfc);color:var(--primary);display:grid;place-items:center;font-size:30px;font-weight:800}.instructor-box h3{margin:1px 0;font-size:18px}.instructor-box div>div>b{color:var(--primary);font-size:11px}.instructor-box p{color:var(--muted);font-size:12px;line-height:1.8}.instructor-box div>div>div{display:flex;gap:15px;flex-wrap:wrap}.instructor-box div>div>div span{display:flex;gap:5px;align-items:center;font-size:10px}.instructor-box div>div>div svg{width:14px;color:var(--primary)}.dashboard{background:#f7f6fa;min-height:800px}.dashboard-head{background:linear-gradient(125deg,#201a3e,#493399);color:#fff;padding:45px 0 58px}.dashboard-head .container{display:flex;justify-content:space-between;align-items:center}.dashboard-head span{color:#c8bbfa;font-size:13px}.dashboard-head h1{margin:7px 0 3px;font-size:33px}.dashboard-head p{color:#bbb4cc;font-size:12px;margin:0}.streak{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;border-radius:15px;padding:13px 18px}.streak>svg{color:#ffb54e;width:31px}.streak>div{display:flex;flex-direction:column}.streak b{font-size:18px}.streak small{color:#aaa1c1;font-size:9px}.dashboard-body{padding-bottom:90px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;transform:translateY(-26px)}.dash-stats>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #291c560d}.dash-stats>div>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.dash-stats>div:nth-child(2)>span{background:#e4f7f2;color:#168c77}.dash-stats>div:nth-child(3)>span{background:#fff0dc;color:#d57620}.dash-stats>div:nth-child(4)>span{background:#e8f2ff;color:#337ac6}.dash-stats svg{width:20px}.dash-stats div>div{display:flex;flex-direction:column}.dash-stats b{font-size:15px}.dash-stats small{color:var(--muted);font-size:9px}.dash-layout{display:grid;grid-template-columns:1fr 310px;gap:25px;margin-top:6px}.dash-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.dash-title h2{margin:0;font-size:22px}.dash-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.dash-title a{color:var(--primary);display:flex;align-items:center;font-size:11px;font-weight:800}.dash-title svg{width:16px}.learning-list{display:grid;gap:12px}.learning-list article{min-height:145px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px;display:grid;grid-template-columns:175px 1fr 46px;align-items:center;gap:16px}.learning-list .course-art{height:120px;border-radius:11px}.learning-info>span{color:var(--primary);font-size:9px;font-weight:800}.learning-info h3{font-size:15px;margin:3px 0 1px}.learning-info small{color:var(--muted);font-size:9px}.progress{height:6px;background:#eeeaf3;border-radius:20px;margin:13px 0 5px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#9175ee);border-radius:20px}.learning-info>div:last-child{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.learning-list article>button{width:43px;height:43px;border-radius:50%;background:var(--primary);color:#fff;border:0;display:grid;place-items:center}.learning-list article>button svg{width:17px}.weekly-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;height:fit-content}.weekly-head{display:flex;justify-content:space-between;align-items:center}.weekly-head h3{margin:0;font-size:16px}.weekly-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.weekly-head>span{width:54px;height:54px;border-radius:50%;border:5px solid #e2dafd;color:var(--primary);display:grid;place-items:center;font:800 11px Inter}.week-days{display:flex;justify-content:space-between;margin:25px 0}.week-days div{display:flex;flex-direction:column;align-items:center;gap:7px}.week-days i{width:27px;height:27px;border-radius:50%;background:#f0eef4;display:grid;place-items:center;color:#fff}.week-days i.done{background:var(--primary)}.week-days svg{width:13px}.week-days span{font-size:9px;color:var(--muted)}.weekly-note{display:flex;gap:9px;background:var(--primary-soft);color:var(--primary);border-radius:11px;padding:12px}.weekly-note svg{width:18px;flex-shrink:0}.weekly-note p{margin:0;font-size:9px;line-height:1.7;color:#6a6190}.weekly-note b{color:var(--primary-dark)}.auth-required,.not-found{min-height:600px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-required>svg{width:70px;height:70px;color:var(--primary);background:var(--primary-soft);padding:18px;border-radius:20px}.not-found h1{font:800 95px Inter;color:var(--primary);margin:0}.not-found p{color:var(--muted)}.page-loading{height:600px;display:grid;place-items:center}.page-loading span{width:50px;height:50px;border-radius:50%;border:4px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#120d25a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:grid;place-items:center;padding:20px}.login-modal{background:#fff;border-radius:22px;width:min(430px,100%);padding:28px 32px;position:relative;text-align:center;box-shadow:0 30px 100px #08051459;animation:modal-in .25s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.login-modal>.logo{margin-bottom:8px}.modal-close{position:absolute;left:17px;top:17px;width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface);color:var(--muted)}.modal-close svg{width:18px}.login-icon{width:62px;height:62px;margin:4px auto 8px;border-radius:18px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.login-modal h2{margin:5px 0;font-size:24px}.login-modal>p{color:var(--muted);margin:0 0 18px;font-size:12px}.login-modal form{display:grid;gap:12px;text-align:right}.login-modal label{color:#514b5c;font-size:11px;font-weight:700}.login-modal input{width:100%;height:45px;border:1px solid var(--line);outline:0;border-radius:9px;margin-top:5px;padding:0 12px}.login-modal input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.login-modal>small{display:block;color:#9791a2;font-size:9px;margin-top:12px}.toast{position:fixed;z-index:110;left:25px;bottom:25px;background:#1a1730;color:#fff;border-radius:12px;padding:13px 17px;box-shadow:0 15px 35px #0a07184d;display:flex;align-items:center;gap:9px;font-size:12px;animation:toast-in .25s ease}.toast svg{color:#52d5ae;width:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}footer{background:#111022;color:#fff;padding:67px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 1.2fr;gap:55px;padding-bottom:48px}.footer-brand>p,.footer-grid>div>p{color:#8e899e;font-size:11px;line-height:1.8;max-width:280px}.footer-brand>div{display:flex;gap:8px;margin-top:18px}.footer-brand>div a{width:33px;height:33px;background:#211e37;border-radius:8px;display:grid;place-items:center;color:#aaa4ba}.footer-brand>div svg{width:15px}.footer-grid h4{font-size:13px;margin:3px 0 16px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid>div:not(:first-child)>a{color:#918b9f;font-size:11px}.footer-grid a:hover{color:#fff!important}.footer-grid form{height:45px;display:flex;background:#211e37;border:1px solid #302c48;border-radius:9px;overflow:hidden}.footer-grid input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff;padding:0 10px;font-size:10px}.footer-grid form button{width:44px;border:0;background:var(--primary);color:#fff;display:grid;place-items:center}.footer-grid form svg{width:17px}.footer-bottom{height:62px;border-top:1px solid #27243a;display:flex;justify-content:space-between;align-items:center;color:#736e81;font-size:9px}@media(max-width:1050px){.nav-links{gap:18px}.hero-grid{gap:25px}.hero-card-main{transform:scale(.87) rotate(-2deg)}.category-grid{grid-template-columns:repeat(2,1fr)}.how-grid{gap:35px}.video-card{right:20px;transform:scale(.9) rotate(2deg)}.success-bubble{left:-5px}.detail-grid,.content-grid{grid-template-columns:1fr 340px;gap:35px}.purchase-card{width:340px}.dash-layout{grid-template-columns:1fr 285px}}@media(max-width:820px){.desktop-only{display:none}.site-header{height:68px}.nav-wrap{justify-content:space-between;gap:12px}.nav-links{position:fixed;right:20px;left:20px;top:76px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;border-radius:15px;display:grid;gap:0;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}.nav-links.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{padding:12px;border-radius:8px}.nav-links a:hover,.nav-links a.active{background:var(--primary-soft)}.nav-links a.active:after{display:none}.menu-button{display:grid}.search-nav{display:none}.hero{min-height:unset}.hero-grid{grid-template-columns:1fr;padding-block:70px 40px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-copy>p{max-width:650px}.hero-visual{min-height:480px;transform:scale(.9);margin-top:-25px}.stats-grid{grid-template-columns:repeat(2,1fr);height:auto;padding:20px 0;gap:18px}.stats-grid div{border:0}.courses-grid,.courses-grid.four{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.how-visual{width:min(500px,100%);margin:auto;order:2}.how-copy{order:1}.reviews-grid{grid-template-columns:1fr;max-width:600px;margin:auto}.review-card.featured{transform:none}.review-card>p{min-height:0}.cta-card{padding:40px;grid-template-columns:1fr .55fr}.cta-card h2{font-size:32px}.detail-hero{padding-bottom:45px}.detail-grid{display:block}.detail-copy{padding-bottom:20px}.purchase-card{position:relative;width:min(500px,100%);margin:30px auto -230px}.course-content{padding-top:260px}.content-grid{display:block}.content-grid>aside{display:none}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-layout{grid-template-columns:1fr}.weekly-card{order:-1}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:last-child form{max-width:420px}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.section{padding:72px 0}.logo b{font-size:18px}.logo-mark{width:35px;height:35px}.hero-grid{padding-top:48px}.eyebrow{font-size:11px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-copy>p{font-size:14px;line-height:1.85}.hero-search{height:auto;padding:9px;flex-wrap:wrap}.hero-search>svg{display:none}.hero-search input{width:100%;flex-basis:100%;height:42px;text-align:center}.hero-search button{width:100%}.hero-trust{align-items:flex-start}.hero-visual{transform:scale(.72);min-height:365px;margin:-35px 0 -55px}.category-grid,.courses-grid,.courses-grid.four{grid-template-columns:1fr}.section-heading.row{align-items:flex-start;gap:20px;flex-direction:column}.category-card{padding:17px}.how-visual{min-height:400px;transform:scale(.8);transform-origin:right top;width:125%;margin-bottom:-85px}.video-card{right:10px}.cta-section{padding:50px 0}.cta-card{grid-template-columns:1fr;padding:33px 25px;text-align:center}.cta-card h2{font-size:28px}.cta-art{display:none}.cta-card .btn{margin:auto}.page-hero{padding-top:55px}.page-hero h1{font-size:38px}.page-hero p{font-size:12px}.filter-row{align-items:flex-start;flex-direction:column}.filter-pills{width:100%}.detail-copy h1{font-size:31px}.detail-copy>p{font-size:13px}.detail-rating{align-items:flex-start;flex-wrap:wrap}.purchase-card{margin-bottom:-230px}.learn-box{padding:20px}.learn-box>div{grid-template-columns:1fr}.content-title{align-items:flex-start}.curriculum-item>button{grid-template-columns:20px 1fr}.curriculum-item>button span{grid-column:2}.instructor-box>div{flex-direction:column}.dashboard-head{padding-top:32px}.dashboard-head .container{align-items:flex-start;gap:22px;flex-direction:column}.dashboard-head h1{font-size:27px}.streak{padding:9px 13px}.dash-stats{grid-template-columns:1fr 1fr;gap:8px}.dash-stats>div{padding:10px;gap:7px}.dash-stats>div>span{width:36px;height:36px}.dash-stats b{font-size:11px}.learning-list article{grid-template-columns:100px 1fr;gap:10px}.learning-list .course-art{height:100px}.learning-list article>button{display:none}.learning-info h3{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;justify-content:center;gap:5px}.login-modal{padding:25px 20px}.toast{left:14px;right:14px;bottom:14px}}.admin-login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;direction:ltr;background:#fff}.admin-login-art{direction:rtl;background:linear-gradient(135deg,#19152f,#5132ba);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw}.admin-login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px}.admin-login-art:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-210px;bottom:-290px;box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff05}.admin-art-content{position:relative;z-index:2;max-width:560px}.admin-art-content>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#d1c6fb;font-weight:700}.admin-art-content>span svg{width:16px}.admin-art-content h1{font-size:clamp(39px,4vw,57px);line-height:1.45;margin:15px 0 10px}.admin-art-content>p{color:#c3bcd2;font-size:15px;line-height:1.9;max-width:470px}.admin-art-stats{display:flex;gap:45px;margin-top:38px}.admin-art-stats div{display:flex;flex-direction:column}.admin-art-stats b{font:800 25px Inter}.admin-art-stats small{color:#9f96b2;margin-top:5px}.admin-login-shape{position:absolute;left:60px;bottom:55px;width:155px;height:155px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;border-radius:38% 62% 61% 39%;transform:rotate(-10deg);display:grid;place-items:center}.admin-login-shape>svg{width:70px;height:70px}.admin-login-shape span{position:absolute;width:14px;height:14px;border-radius:50%;background:#f3a447}.admin-login-shape span:nth-child(2){right:-25px;top:5px}.admin-login-shape span:nth-child(3){left:-35px;bottom:20px;background:#5bd0b5}.admin-login-form-wrap{direction:rtl;display:grid;place-items:center;padding:45px}.admin-login-form{width:min(410px,100%);text-align:center}.admin-logo{direction:ltr;display:inline-flex;align-items:center;gap:9px}.admin-logo>span{width:39px;height:39px;background:var(--primary);color:#fff;border-radius:12px 12px 12px 4px;display:grid;place-items:center;font-size:12px;transform:rotate(-5deg)}.admin-logo div{display:flex;flex-direction:column;text-align:left}.admin-logo b{font:800 20px/1 Inter}.admin-logo small{color:var(--primary);font:800 6px/1 Inter;letter-spacing:2.7px;margin-top:5px}.admin-lock{width:64px;height:64px;background:var(--primary-soft);color:var(--primary);border-radius:18px;display:grid;place-items:center;margin:45px auto 13px}.admin-lock svg{width:29px}.admin-login-form h2{font-size:27px;margin:0 0 5px}.admin-login-form>p{color:var(--muted);font-size:12px;margin:0 0 23px}.admin-error{color:#b72f40;background:#fff0f1;border:1px solid #f4cdd2;padding:10px;border-radius:9px;font-size:11px;margin-bottom:13px}.admin-login-form form{display:grid;gap:14px;text-align:right}.admin-login-form label{font-size:11px;color:#4e4959;font-weight:700}.admin-login-form label>div{height:49px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 13px;margin-top:6px;transition:.2s}.admin-login-form label>div:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.admin-login-form label svg{width:18px;color:#9892a3}.admin-login-form input{border:0;outline:0;flex:1;min-width:0;direction:ltr;text-align:left}.admin-login-form form>button{height:51px;border:0;background:var(--primary);color:#fff;border-radius:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px}.admin-login-form form>button:hover{background:var(--primary-dark)}.admin-login-form form>button:disabled{opacity:.65}.admin-login-form form>button svg{width:17px}.admin-login-form>small{display:block;color:#a09aa9;font-size:9px;margin:12px 0 23px}.admin-login-form>a{display:inline-flex;align-items:center;color:var(--primary);font-size:11px;font-weight:700}.admin-login-form>a svg{width:15px}.admin-shell{min-height:100vh;background:#f6f5f9;direction:rtl}.admin-sidebar{width:242px;position:fixed;right:0;top:0;bottom:0;background:#17142b;color:#fff;z-index:80;padding:23px 14px 17px;display:flex;flex-direction:column}.admin-side-head{display:flex;justify-content:space-between;align-items:center;padding:0 8px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidebar .admin-logo b,.admin-sidebar .admin-logo small{color:#fff}.admin-sidebar .admin-logo>span{background:#fff;color:var(--primary)}.admin-side-head>button{display:none;background:transparent;color:#fff;border:0}.admin-sidebar nav{display:grid;gap:5px;padding-top:23px}.admin-sidebar nav button,.side-bottom>button{width:100%;min-height:45px;color:#a6a0b5;background:transparent;border:0;border-radius:9px;display:flex;align-items:center;gap:11px;padding:0 12px;font-size:12px;font-weight:600;text-align:right}.admin-sidebar nav button svg,.side-bottom>button svg{width:18px}.admin-sidebar nav button.active{background:var(--primary);color:#fff;box-shadow:0 9px 22px #6543de47}.admin-sidebar nav button:not(.active):hover,.side-bottom>button:hover{background:#ffffff0f;color:#fff}.admin-sidebar nav i{margin-right:auto;width:19px;height:19px;border-radius:50%;background:#e85b69;color:#fff;display:grid;place-items:center;font:800 8px Inter}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:11px}.admin-mini-profile{display:grid;grid-template-columns:35px 1fr 29px;align-items:center;gap:8px;margin-top:10px;background:#ffffff0d;border-radius:10px;padding:9px}.admin-mini-profile>span{width:35px;height:35px;border-radius:9px;background:var(--primary);display:grid;place-items:center;font-weight:800}.admin-mini-profile>div{display:flex;flex-direction:column;min-width:0}.admin-mini-profile b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-mini-profile small{color:#7f798e;font-size:7px}.admin-mini-profile>button{border:0;background:transparent;color:#9993a7;padding:5px}.admin-mini-profile>button svg{width:15px}.admin-main{margin-right:242px;min-height:100vh}.admin-topbar{height:79px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;position:sticky;top:0;z-index:40}.admin-topbar>div:nth-child(2){flex:1}.admin-topbar h1{margin:0;font-size:20px}.admin-topbar p{margin:2px 0 0;color:var(--muted);font-size:9px}.admin-menu{display:none;border:0;background:transparent;margin-left:10px}.admin-top-actions{display:flex;align-items:center;gap:9px}.admin-search{width:170px;height:39px;background:#f7f6fa;color:#9a95a3;border:1px solid #efedf3;border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 10px}.admin-search svg{width:16px}.admin-search span{font-size:10px}.admin-bell{width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;position:relative}.admin-bell svg{width:17px}.admin-bell i{position:absolute;width:7px;height:7px;background:#e34e5d;border-radius:50%;right:8px;top:7px;border:1px solid white}.admin-add-top,.admin-list-head>button:not(.export-button){height:39px;border:0;background:var(--primary);color:#fff;border-radius:9px;padding:0 14px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800}.admin-add-top svg,.admin-list-head>button svg{width:15px}.admin-content{padding:25px 29px 55px;max-width:1500px;margin:auto}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-metric{min-height:145px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.metric-head{display:flex;justify-content:space-between;align-items:flex-start}.metric-head>span{width:39px;height:39px;border-radius:10px;background:color-mix(in srgb,var(--metric) 11%,white);color:var(--metric);display:grid;place-items:center}.metric-head>span svg{width:19px}.metric-head>i{font-style:normal;color:#18866f;background:#eaf7f3;border-radius:20px;padding:3px 6px;display:flex;align-items:center;gap:2px;font:700 8px Inter}.metric-head>i svg{width:10px}.admin-metric>b{display:block;margin-top:16px;font:800 23px Inter,Cairo}.admin-metric>p{color:var(--muted);font-size:9px;margin:4px 0 0}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;min-width:0}.admin-overview-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:17px}.admin-panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.admin-panel-title h2{font-size:14px;margin:0}.admin-panel-title p{color:var(--muted);font-size:8px;margin:3px 0 0}.admin-panel-title select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;font-size:8px;color:var(--muted)}.admin-panel-title>button{border:0;background:transparent;color:var(--primary);font-size:8px;font-weight:800;display:flex;align-items:center}.admin-panel-title>button svg{width:13px}.revenue-chart{height:250px;display:grid;grid-template-columns:35px 1fr;direction:ltr;padding-top:8px}.chart-grid{display:flex;flex-direction:column;justify-content:space-between;color:#aaa6b1;font:7px Inter;padding-bottom:26px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:10px;border-bottom:1px solid #ece9f1;background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#efedf3 55px);padding:0 15px}.chart-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chart-bars i{width:min(34px,75%);min-height:10px;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,#6543de,#9e85ef);position:relative;transition:.3s}.chart-bars i:hover{filter:brightness(1.08)}.chart-bars i em{display:none;position:absolute;top:-22px;left:50%;transform:translate(-50%);background:#18142b;color:#fff;padding:3px 5px;border-radius:4px;font:7px Inter}.chart-bars i:hover em{display:block}.chart-bars span{height:18px;color:#9a95a2;font-size:7px;direction:rtl}.quick-panel{display:flex;flex-direction:column}.completion-ring{flex:1;min-height:160px;display:grid;place-items:center}.completion-ring>span{width:133px;height:133px;border-radius:50%;background:conic-gradient(var(--primary) var(--percent),#ebe7f6 0);display:grid;place-items:center;position:relative}.completion-ring>span:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#fff}.completion-ring b,.completion-ring small{position:relative;z-index:1;grid-area:1/1}.completion-ring b{font:800 24px Inter;margin-top:-13px}.completion-ring small{color:var(--muted);font-size:7px;margin-top:27px}.quick-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:13px}.quick-stats div{display:flex;flex-direction:column;align-items:center;gap:4px}.quick-stats div:first-child{border-left:1px solid var(--line)}.quick-stats span{font-size:7px;color:var(--muted)}.quick-stats b{display:flex;align-items:center;gap:4px;font-size:9px}.quick-stats svg{width:12px;color:#f1a63d}.admin-bottom-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:17px;margin-top:17px}.popular-list>div:not(.admin-panel-title){display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line)}.admin-course-thumb{width:42px;height:42px;border-radius:9px;background:linear-gradient(145deg,var(--thumb),color-mix(in srgb,var(--thumb) 60%,#15102f));color:#fff;display:grid;place-items:center}.admin-course-thumb svg{width:18px}.popular-list>div>div{display:flex;flex-direction:column;min-width:0}.popular-list>div>div b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-list>div>div span{font-size:7px;color:var(--muted)}.popular-list strong{color:#d98b2c;font:800 9px Inter}.admin-table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th{color:#8c8796;font-size:7px;font-weight:700;text-align:right;background:#faf9fc;border-block:1px solid var(--line);padding:9px 10px}.admin-table td{padding:10px;border-bottom:1px solid #f0edf3;font-size:8px;color:#5f5968}.admin-table td b{color:var(--ink)}.status{display:inline-flex;align-items:center;border-radius:50px;padding:4px 7px;font-size:7px;font-weight:800}.status.active{background:#e6f7f1;color:#13826d}.status.new{background:#eee9ff;color:var(--primary)}.status.pending{background:#fff0dc;color:#b86a20}.admin-table.compact th,.admin-table.compact td{font-size:7px;padding:8px 7px}.admin-table-panel{padding:0;overflow:hidden}.admin-list-head{display:flex;align-items:center;justify-content:space-between;padding:20px}.admin-list-head h2{margin:0;font-size:17px}.admin-list-head p{color:var(--muted);font-size:9px;margin:3px 0 0}.export-button{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:37px;padding:0 13px;color:#5a5562;font-size:9px;font-weight:700}.admin-filters{min-height:62px;display:flex;align-items:center;gap:9px;border-block:1px solid var(--line);padding:11px 20px;background:#fcfbfd}.admin-filters>div{width:290px;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.admin-filters svg{width:15px;color:#9993a2}.admin-filters input{border:0;outline:0;min-width:0;flex:1;font-size:9px}.admin-filters select{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff;color:var(--muted);font-size:8px}.admin-filters>span{margin-right:auto;color:var(--muted);font-size:8px}.admin-table-panel .admin-table th{font-size:8px;padding:11px 15px}.admin-table-panel .admin-table td{font-size:9px;padding:12px 15px}.table-course{display:flex;align-items:center;gap:9px}.table-course>div{display:flex;flex-direction:column;max-width:225px}.table-course b{font-size:9px;overflow:hidden;text-overflow:ellipsis}.table-course small{color:var(--muted);font-size:7px}.category-pill{background:var(--primary-soft);color:var(--primary);border-radius:5px;padding:4px 6px;font-size:7px;font-weight:700}.table-rating{display:flex;align-items:center;gap:3px;color:#d98b2c;font:800 8px Inter}.table-rating svg{width:11px}.table-actions{display:flex;gap:4px}.table-actions a,.table-actions button,.more-button{width:27px;height:27px;border:1px solid var(--line);background:#fff;color:#716b7b;border-radius:6px;display:grid;place-items:center}.table-actions svg,.more-button svg{width:13px}.table-actions .delete{color:#c44050}.table-actions button:hover,.table-actions a:hover{color:var(--primary);border-color:#d4c9fb;background:var(--primary-soft)}.table-actions .delete:hover{color:#b32e3e;background:#fff0f1;border-color:#f2ccd1}.table-student{display:flex;align-items:center;gap:8px}.table-student span{width:31px;height:31px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);border-radius:8px;font-weight:800}.more-button{border:0;background:transparent}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0e0a1dad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;display:grid;place-items:center}.course-modal{background:#fff;width:min(670px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:18px;box-shadow:0 35px 90px #06041159}.course-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:19px 22px;border-bottom:1px solid var(--line)}.course-modal-head>div{display:flex;align-items:center;gap:10px}.course-modal-head>div>span{width:42px;height:42px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.course-modal-head>div>span svg{width:20px}.course-modal h2{font-size:16px;margin:0}.course-modal-head p{font-size:8px;color:var(--muted);margin:2px 0 0}.course-modal-head>button{border:0;background:#f6f4f8;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--muted)}.course-modal-head>button svg{width:16px}.course-modal form{padding:20px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:9px;color:#4f4958;font-weight:700}.form-grid .span-2{grid-column:1/-1}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;outline:0;padding:0 10px;margin-top:5px;font-size:9px}.form-grid input:not([type=checkbox]),.form-grid select{height:40px}.form-grid textarea{padding-block:9px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-grid .color-input{padding:4px!important}.check-label{display:flex;gap:7px;align-items:center;padding-top:21px}.check-label input{accent-color:var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin:20px -22px -20px;padding:14px 22px}.modal-actions button{height:39px;border-radius:8px;padding:0 17px;border:1px solid var(--line);background:#fff;font-size:9px;font-weight:800}.modal-actions button[type=submit]{background:var(--primary);color:#fff;border-color:var(--primary);display:flex;align-items:center;gap:6px}.modal-actions button svg{width:15px}.delete-modal{width:min(390px,100%);background:#fff;padding:27px;border-radius:17px;text-align:center}.delete-modal>span{width:58px;height:58px;background:#fff0f1;color:#bf3546;border-radius:16px;display:grid;place-items:center;margin:auto}.delete-modal h2{margin:13px 0 5px;font-size:20px}.delete-modal p{color:var(--muted);font-size:10px;line-height:1.9}.delete-modal>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.delete-modal button{height:40px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:9px;font-weight:800}.delete-modal button:last-child{background:#bc3747;border-color:#bc3747;color:#fff}.admin-notice{position:fixed;z-index:140;left:22px;bottom:22px;background:#17142b;color:#fff;border-radius:10px;padding:12px 15px;display:flex;align-items:center;gap:7px;font-size:10px;box-shadow:0 15px 35px #0b071940}.admin-notice svg{width:17px;color:#53d4af}.sidebar-overlay{display:none}@media(max-width:1100px){.admin-login-art{padding:6vw}.admin-login-shape{display:none}.admin-overview-grid,.admin-bottom-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}.quick-panel{min-height:310px}.quick-stats{max-width:360px;width:100%;margin:auto}}@media(max-width:850px){.admin-login-page{grid-template-columns:1fr}.admin-login-art{display:none}.admin-login-form-wrap{min-height:100vh}.admin-sidebar{transform:translate(105%);transition:.25s;box-shadow:-15px 0 45px #0a071740}.admin-sidebar.open{transform:translate(0)}.admin-side-head>button{display:block}.admin-main{margin-right:0}.admin-menu{display:block}.sidebar-overlay{display:block;position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;border:0;background:#0f0b1d80}.admin-topbar{padding:0 17px}.admin-content{padding:20px 16px 50px}}@media(max-width:600px){.admin-login-form-wrap{padding:25px}.admin-lock{margin-top:35px}.admin-topbar p,.admin-search,.admin-add-top{display:none}.admin-top-actions{margin-right:auto}.admin-topbar h1{font-size:17px}.admin-metrics{grid-template-columns:1fr 1fr;gap:8px}.admin-metric{min-height:125px;padding:13px}.admin-metric>b{font-size:17px}.admin-panel{padding:14px}.revenue-chart{height:210px}.admin-list-head{align-items:flex-start;gap:13px;flex-direction:column}.admin-filters{align-items:stretch;flex-direction:column}.admin-filters>div{width:100%}.admin-filters select{width:100%}.admin-filters>span{margin-right:0}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.course-modal form{padding:17px}.modal-actions{margin:17px -17px -17px}.check-label{padding-top:3px}.course-modal-head{padding:16px}}