:root{--ink:#0b1020;--muted:#64748b;--line:#e2e8f0;--purple:#635bff;--cyan:#22d3ee;--wash:#f8fafc;--nav:#0b1020;--font-body:"DM Sans",sans-serif;--font-display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:var(--wash)}button,a{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 56px));margin:0 auto}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between}.landing-view{background:var(--wash);overflow:hidden}.navbar:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:82px;background:var(--nav)}.brand{display:flex;align-items:center;gap:10px;color:#fff;font:700 16px var(--font-display);letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--purple);border-radius:9px;font:700 17px var(--font-display);letter-spacing:0}.nav-links{display:flex;gap:32px;color:#cbd5e1;font-size:14px}.nav-links a,.footer a{transition:color .2s}.nav-links a:hover,.footer a:hover{color:#fff}.nav-actions,.dashboard-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--purple);color:#fff;box-shadow:0 7px 18px #635bff30}.button-primary:hover{background:#5149eb;box-shadow:0 10px 22px #635bff45}.button-ghost{color:#cbd5e1;background:transparent}.button-small{padding:9px 15px;font-size:13px}.button-large{padding:15px 22px;font-size:15px}.mobile-menu{display:none;background:none;color:#fff;font-size:22px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:58px 0 50px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--purple);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%}.hero h1{max-width:610px;margin:20px 0 19px;font:700 clamp(46px,5.4vw,73px)/1.02 var(--font-display);letter-spacing:-.055em}.highlight{color:var(--purple)}.hero-description{max-width:495px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px}.play-button{display:flex;align-items:center;gap:9px;background:none;color:var(--ink);font-size:14px;font-weight:600}.play-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font-size:9px;color:var(--purple)}.social-proof{display:flex;align-items:center;gap:12px;margin-top:46px;color:var(--ink);font-size:12px}.social-proof strong,.social-proof span{display:block}.social-proof span{color:var(--muted);margin-top:2px}.avatar-stack{display:flex}.avatar{display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--wash);border-radius:50%;margin-left:-8px;font-size:9px;font-weight:700}.avatar:first-child{margin-left:0}.avatar-one{background:#ffd3b6}.avatar-two{background:#bdd4ff}.avatar-three{background:#d5c1ff}.avatar-four{background:var(--ink);color:#fff}.hero-visual{position:relative;min-height:440px;display:grid;place-items:center}.learning-card{position:relative;z-index:1;width:min(385px,85%);padding:25px 25px 22px;border:1px solid #ffffffaa;border-radius:19px;background:#fff;box-shadow:0 24px 55px #1e293b18;transform:rotate(2.2deg)}.card-topline,.progress-header,.next-course,.week-grid,.course-progress,.course-meta{display:flex;align-items:center}.card-topline{justify-content:space-between}.live-badge{color:var(--purple);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.live-badge span{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--cyan)}.more{color:#94a3b8;letter-spacing:2px}.progress-header{justify-content:space-between;margin-top:36px}.muted-label{display:block;color:#94a3b8;font-size:10px}.progress-header strong{display:block;margin-top:5px;font:600 15px var(--font-display)}.progress-value{color:var(--purple);font:700 23px var(--font-display)}.progress-bar{height:7px;overflow:hidden;border-radius:99px;background:#edf0f7}.progress-bar span{display:block;height:100%;width:72%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--cyan))}.learning-card>.progress-bar{margin:14px 0 21px}.week-grid{justify-content:space-between}.week-grid div{display:flex;flex-direction:column;align-items:center;gap:7px;color:#94a3b8;font-size:10px}.week-grid i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f1f5f9;color:#cbd5e1;font-style:normal;font-size:12px}.week-grid i.done{background:#ddd9ff;color:var(--purple)}.week-grid i.today{background:var(--purple);color:#fff}.next-course{gap:11px;margin-top:24px;padding-top:18px;border-top:1px solid #f1f5f9}.course-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:11px;color:#fff;font-size:21px}.purple{background:linear-gradient(135deg,#816aff,#b7a6ff)}.next-course strong,.next-course small{display:block}.next-course strong{margin:4px 0 3px;font:600 12px var(--font-display)}.next-course small{color:#94a3b8;font-size:10px}.circle-arrow{margin-left:auto;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--purple)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:320px;height:320px;top:24px;right:20px;background:linear-gradient(145deg,#ebe9ff,#c6f6fb);opacity:.8}.orb-two{width:170px;height:170px;bottom:0;left:10px;background:#d9d6ff;opacity:.7}.floating-stat,.floating-note{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;border:1px solid #fff8;border-radius:12px;background:#ffffffdd;box-shadow:0 12px 28px #1e293b18;backdrop-filter:blur(10px)}.floating-stat{top:90px;left:3px;padding:12px 14px}.floating-note{right:0;bottom:78px;padding:11px 13px}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#dffbf5;color:#00a681}.floating-stat strong,.floating-stat span,.floating-note strong,.floating-note small{display:block}.floating-stat strong{font:700 17px var(--font-display)}.floating-stat span,.floating-note small{color:#94a3b8;font-size:10px}.floating-note>span{color:var(--purple);font-size:18px}.floating-note strong{font-size:11px}.logo-row{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#a0aec0}.logo-row>span{font-size:10px;letter-spacing:.14em}.logo-row strong{font:700 18px var(--font-display);letter-spacing:-.04em}.logo-row .logo-serif{font-family:Georgia,serif;font-weight:400;letter-spacing:.08em}.logo-row .logo-spaced{letter-spacing:.2em;font-size:14px}.section{padding:114px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px}.section-heading h2{margin:13px 0 0;font:700 43px var(--font-display);letter-spacing:-.05em}.section-heading p{max-width:245px;margin:0 0 4px;color:var(--muted);line-height:1.55;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:300px;padding:27px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #1e293b12}.feature-card-dark{color:#fff;background:var(--ink);border-color:var(--ink)}.feature-number{display:block;color:#94a3b8;font-size:11px;font-weight:700}.feature-card-dark .feature-number{color:#64748b}.feature-symbol{margin-top:43px;color:var(--cyan);font-size:35px}.purple-symbol{color:var(--purple)}.cyan-symbol{color:#10b9d2}.feature-card h3{margin:18px 0 9px;font:600 20px var(--font-display)}.feature-card p{max-width:245px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.feature-card-dark p{color:#94a3b8}.text-link{display:block;margin-top:28px;color:var(--purple);font-size:12px;font-weight:700}.feature-card-dark .text-link{color:var(--cyan)}.quote-section{background:#eef2ff}.quote-inner{padding:85px 0}.quote-mark{color:var(--purple);font:700 68px Georgia;line-height:.5}.quote-inner blockquote{max-width:800px;margin:23px 0 32px;font:600 31px/1.3 var(--font-display);letter-spacing:-.03em}.quote-author{display:flex;align-items:center;gap:11px}.author-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ffd9c7;color:#8a4531;font-size:10px;font-weight:700}.quote-author strong,.quote-author span{display:block}.quote-author strong{font-size:12px}.quote-author span{margin-top:3px;color:var(--muted);font-size:11px}.footer{display:flex;align-items:center;justify-content:space-between;padding:29px 0;color:#94a3b8;font-size:11px}.footer .brand{font-size:13px}.footer>div{display:flex;gap:20px}.dashboard-view{min-height:100vh;display:grid;place-items:center;background:var(--wash)}.dashboard-selection{display:flex;flex-direction:column;gap:14px;width:min(340px,calc(100% - 40px))}.dashboard-option{padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:600 18px var(--font-display);text-align:left;box-shadow:0 10px 25px #0b10200a;transition:.2s}.dashboard-option:hover,.dashboard-option-active{border-color:var(--purple);color:var(--purple);box-shadow:0 10px 25px #635bff1c}.dashboard-option-active{background:#f0efff}.dashboard-heading{display:flex;align-items:end;justify-content:space-between}.dashboard-heading h1{margin:13px 0 7px;font:700 45px var(--font-display);letter-spacing:-.05em}.dashboard-heading p{margin:0;color:var(--muted);font-size:14px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:48px 0 52px;border:1px solid var(--line);border-radius:14px;background:#fff}.dashboard-stats div{padding:22px 27px;border-right:1px solid var(--line)}.dashboard-stats div:last-child{border:0}.stat-label{display:block;color:#94a3b8;font-size:11px}.dashboard-stats strong{display:block;margin-top:8px;font:700 27px var(--font-display)}.dashboard-stats small{font:500 12px var(--font-body);color:var(--muted)}.courses-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.courses-toolbar h2{margin:0;font:600 21px var(--font-display)}.courses-toolbar h2 span{display:inline-grid;place-items:center;width:21px;height:21px;margin-left:5px;border-radius:50%;background:#e8e7ff;color:var(--purple);font-size:11px}.filter-button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px}.course-list{display:flex;flex-direction:column;gap:12px}.course-row{display:grid;grid-template-columns:178px 1fr 220px;align-items:center;gap:24px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:box-shadow .2s}.course-row:hover{box-shadow:0 12px 30px #1e293b0d}.course-cover{display:flex;flex-direction:column;justify-content:space-between;height:148px;padding:17px;border-radius:9px;color:#fff}.course-cover span{font-size:30px}.course-cover small{font-size:9px;font-weight:700;letter-spacing:.12em}.cover-purple{background:linear-gradient(140deg,#5146d8,#a599ff)}.cover-blue{background:linear-gradient(140deg,#0d769c,#54d9ee)}.cover-orange{background:linear-gradient(140deg,#ed7a4f,#ffca7c)}.course-tag{color:var(--purple);font-size:9px;font-weight:700;letter-spacing:.12em}.course-details h3{margin:8px 0 5px;font:600 18px var(--font-display)}.course-details p{margin:0;color:var(--muted);font-size:12px}.course-progress{gap:10px;margin-top:22px}.course-progress .progress-bar{width:170px;height:5px}.course-progress>span{color:#94a3b8;font-size:10px}.course-meta{flex-direction:column;align-items:flex-end;gap:6px;color:#94a3b8;font-size:11px}.button-outline{margin-top:15px;padding:9px 13px;border:1px solid #cfd4e0;background:#fff;color:var(--ink);font-size:12px}.button-outline:hover{border-color:var(--purple);color:var(--purple)}.hidden{display:none!important}.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#0b102099;backdrop-filter:blur(4px)}.auth-modal{position:relative;width:min(430px,100%);padding:38px;border-radius:18px;background:#fff;box-shadow:0 25px 70px #0b102055}.modal-close{position:absolute;top:16px;right:18px;background:none;color:#94a3b8;font-size:25px}.auth-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font:700 14px var(--font-display);letter-spacing:.12em}.auth-brand .brand-mark{color:#fff}.auth-heading{margin:34px 0 25px}.auth-heading h2{margin:0;font:700 29px var(--font-display);letter-spacing:-.04em}.auth-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}.auth-modal form{display:flex;flex-direction:column;gap:15px}.auth-modal label{color:var(--ink);font-size:12px;font-weight:700}.auth-modal input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--ink);font-size:13px}.auth-modal input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #635bff18}.button-submit{width:100%;padding:13px;margin-top:5px}.auth-switch{text-align:center;margin:22px 0 0;color:var(--muted);font-size:12px}.auth-switch button{padding:0;background:none;color:var(--purple);font-weight:700}.secure-note{text-align:center;margin-top:25px;color:#94a3b8;font-size:10px}.form-error{min-height:0;color:#dc5360;font-size:11px}.toast{position:fixed;z-index:20;right:25px;bottom:25px;padding:13px 17px;border-radius:9px;background:var(--ink);color:#fff;box-shadow:0 12px 25px #0b102033;font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:800px){.container{width:min(100% - 36px,600px)}.nav-links,.nav-actions{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:54px}.hero-visual{min-height:395px}.logo-row{gap:14px;flex-wrap:wrap;justify-content:center}.logo-row>span{width:100%;text-align:center}.section{padding:75px 0}.section-heading{display:block}.section-heading p{margin-top:16px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.quote-inner blockquote{font-size:24px}.footer{flex-wrap:wrap;gap:18px}.dashboard-welcome{display:none}.dashboard-heading{display:block}.dashboard-heading .button{margin-top:22px}.dashboard-stats{margin:35px 0}.course-row{grid-template-columns:110px 1fr;gap:16px}.course-cover{height:120px}.course-meta{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.button-outline{margin-top:0}.course-progress{flex-wrap:wrap}.auth-modal{padding:30px 24px}}@media(max-width:460px){.hero h1{font-size:45px}.hero-description{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:350px}.learning-card{width:100%;padding:21px}.floating-stat{left:-9px;top:63px}.floating-note{right:-7px;bottom:52px}.dashboard-heading h1{font-size:38px}.dashboard-stats{grid-template-columns:1fr}.dashboard-stats div{border-right:0;border-bottom:1px solid var(--line)}.course-row{grid-template-columns:1fr}.course-cover{height:145px}.course-meta{grid-column:1}.footer{font-size:10px}.footer>span{order:3;width:100%}}
:root{--ink:#0b1020;--muted:#64748b;--line:#e2e8f0;--purple:#635bff;--cyan:#22d3ee;--wash:#f8fafc;--nav:#0b1020;--font-body:"DM Sans",sans-serif;--font-display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:var(--wash)}button,a{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 56px));margin:0 auto}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between}
:root{--ink:#0b1020;--muted:#64748b;--line:#e2e8f0;--purple:#635bff;--cyan:#22d3ee;--wash:#f8fafc;--nav:#0b1020;--font-body:"DM Sans",sans-serif;--font-display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:var(--wash)}button,a{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 56px));margin:0 auto}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between}
:root{--ink:#0b1020;--muted:#64748b;--line:#e2e8f0;--purple:#635bff;--cyan:#22d3ee;--wash:#f8fafc;--nav:#0b1020;--font-body:"DM Sans",sans-serif;--font-display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:var(--wash)}button,a{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 56px));margin:0 auto}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between}
:root{--ink:#0b1020;--muted:#64748b;--line:#e2e8f0;--purple:#635bff;--cyan:#22d3ee;--wash:#f8fafc;--nav:#0b1020;--font-body:"DM Sans",sans-serif;--font-display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:var(--wash)}button,a{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 56px));margin:0 auto}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between}
:root{--ink:#0b1020}