@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f3;color:#18211d;font-family:'DM Sans',sans-serif}nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}nav>div{display:flex;gap:28px;align-items:center}a{text-decoration:none;color:inherit}.brand{font:800 20px Manrope;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:34px;height:34px;background:var(--brand);color:white;border-radius:11px}.button{display:inline-flex;border:0;background:var(--brand);color:#fff;padding:14px 22px;border-radius:13px;font-weight:700;cursor:pointer;justify-content:center}.button.small{padding:10px 16px}.ghost{border:0;background:none}.inline{display:inline}.hero{min-height:610px;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:55px 24px 75px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--brand);margin-bottom:18px}.hero h1,.course-hero h1{font:800 clamp(42px,6vw,74px)/1.05 Manrope;margin:0;letter-spacing:-3px}.hero h1 em{color:var(--brand);font-style:normal}.hero p{font-size:19px;line-height:1.65;max-width:600px;color:#5d675f}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.text-link{font-weight:700}.trust{font-size:13px;color:#667069;display:flex;gap:12px}.hero-art{height:480px;position:relative;border-radius:42px;background:#e8f4dc;overflow:hidden}.orbit{position:absolute;border:2px solid #9fbf8a;border-radius:50%}.orbit.one{width:420px;height:420px;right:-80px;top:-80px}.orbit.two{width:250px;height:250px;left:-60px;bottom:-90px}.lesson-card{position:absolute;width:310px;left:70px;top:80px;background:#fff;padding:18px;border-radius:25px;box-shadow:0 25px 55px #52634b30;transform:rotate(-3deg)}.thumb{height:175px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#a89dfd);color:#fff;font-size:36px;border-radius:18px;margin-bottom:18px}.lesson-card h3{font:700 20px Manrope}.progress{height:7px;background:#e6e8e6;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand)}.lesson-card>span{font-size:12px;color:#788078}.float-card{position:absolute;right:22px;bottom:65px;background:#fff;padding:16px 20px;border-radius:15px;box-shadow:0 15px 30px #52634b20;font-weight:700}.logos{background:#18211d;color:#fff;display:flex;justify-content:center;gap:50px;padding:25px;align-items:center;font-size:12px;letter-spacing:1px}.logos span{color:#98a098}.section{max-width:1180px;margin:auto;padding:100px 24px}.section-head{display:flex;justify-content:space-between;align-items:end}.section h2,.creator h2,.course-layout h2,.panel h1{font:800 40px Manrope;margin:0}.filters{display:flex;gap:10px;margin:34px 0}.filters button{border:1px solid #d8dcd7;background:transparent;padding:10px 17px;border-radius:30px}.filters .active{background:#18211d;color:#fff}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 3px 20px #2f372f0c}.cover{height:210px;background:linear-gradient(135deg,#dcedcd,#bcd6a4);padding:18px;position:relative}.cover>span{background:#fff;padding:7px 11px;border-radius:20px;font-size:11px;font-weight:700}.cover-mark{position:absolute;inset:0;display:grid;place-items:center;font:800 58px Manrope;color:#4f753d}.cover-mark span{color:var(--brand)}.card-body{padding:22px}.card-body>small{color:var(--brand);font-weight:800}.card-body h3{font:700 21px Manrope;margin:10px 0}.card-body p{color:#687168;min-height:48px}.teacher{display:flex;align-items:center;gap:10px;border-top:1px solid #eee;padding-top:16px}.teacher i,.avatar{display:grid;place-items:center;background:#eee4ff;color:var(--brand);width:38px;height:38px;border-radius:50%;font-style:normal;font-weight:800}.teacher span{font-size:13px}.teacher small{display:block;color:#8b928b}.teacher b{margin-left:auto}.creator{max-width:1130px;margin:20px auto 100px;background:var(--brand);color:#fff;border-radius:34px;padding:70px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.creator .eyebrow{color:#d8d2ff}.creator p{line-height:1.7;color:#e4e0ff}.button.dark{background:#18211d}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats div{background:#ffffff16;padding:22px;border-radius:18px}.stats b{display:block;font:800 30px Manrope}.stats span,.stats small{font-size:12px}.course-hero{background:#18211d;color:#fff;padding:75px max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:1fr 280px;gap:80px}.course-hero h1{font-size:52px}.course-hero p{font-size:19px;color:#bbc1bc}.course-hero aside{background:#fff;color:#18211d;border-radius:22px;padding:25px;display:flex;flex-direction:column;gap:18px}.course-hero aside>b{font:800 32px Manrope}.course-layout{max-width:1100px;margin:70px auto;display:grid;grid-template-columns:1fr 280px;gap:70px;padding:0 24px}.module{background:#fff;border-radius:16px;margin:16px 0;padding:20px}.lesson{display:grid;grid-template-columns:25px 1fr auto;padding:15px 5px;border-top:1px solid #eee}.lesson small{color:#7b847d}.instructor{background:#edeae2;border-radius:20px;padding:25px;height:max-content}.avatar{width:65px;height:65px}.auth{min-height:650px;display:grid;place-items:center}.auth form,.form-card{width:420px;background:#fff;padding:38px;border-radius:24px;box-shadow:0 20px 60px #252d2820}.auth h1{font:800 34px Manrope}label{display:block;font-weight:700;font-size:13px;margin:16px 0}input{width:100%;padding:13px;border:1px solid #d9ddd8;border-radius:10px;margin-top:7px;font:inherit}.auth .button{width:100%;margin:10px 0 20px}.auth small{color:#737b74}.error{color:#c0392b}.panel{max-width:1180px;margin:auto;padding:70px 24px;min-height:650px}.panel-grid{margin-top:35px}.learning-card{display:grid;grid-template-columns:240px 1fr;gap:25px;background:#fff;padding:20px;border-radius:22px}.cover.mini{height:180px;border-radius:15px}.admin-grid{display:grid;grid-template-columns:1fr 360px;gap:25px;margin-top:35px}.table-card{background:#fff;padding:20px;border-radius:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid #eee;font-size:13px}td i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.status{background:#e2f5df;color:#397032;padding:5px 9px;border-radius:20px}.form-card{width:auto}.notice{background:#e2f5df;padding:12px;border-radius:10px;margin-top:20px}footer{background:#18211d;color:#fff;padding:45px max(24px,calc((100% - 1132px)/2))}footer p,footer small{color:#9da49f}@media(max-width:800px){nav>div>a:not(.button){display:none}.hero,.creator,.course-hero,.course-layout,.admin-grid{grid-template-columns:1fr}.hero-art{height:380px}.lesson-card{left:30px}.course-grid{grid-template-columns:1fr}.logos{overflow:auto;justify-content:start}.creator{margin:20px;border-radius:24px;padding:35px}.course-hero{gap:30px}.learning-card{grid-template-columns:1fr}.auth form{width:calc(100% - 32px)}}