@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#14152b;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app{min-width:1180px;background:#f7f8fc}.navbar{height:70px;background:#0e0a3d;color:#fff;display:flex;align-items:center;padding:0 42px;gap:30px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:21px;white-space:nowrap}.brand>span span{color:#8c55ff}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#552cff,#9e4cff);display:flex;align-items:center;justify-content:center;position:relative}.brand-mark svg:last-child{position:absolute;bottom:3px;right:2px;color:#fff}.navbar nav{display:flex;gap:25px;align-items:center;flex:1}.navbar nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;opacity:.94}.navbar nav a.active{background:#342083;padding:10px 17px;border-radius:10px}.nav-actions{display:flex;align-items:center;gap:17px}.search{width:270px;height:38px;border-radius:22px;background:#fff;color:#777;display:flex;align-items:center;padding:0 14px;gap:8px}.search input{border:0;outline:0;width:100%;font-size:11px}.login,.signup{height:38px;padding:0 19px;border-radius:10px;color:#fff;background:transparent;border:1px solid #8579cf;font-size:12px;font-weight:700}.signup{background:linear-gradient(135deg,#6c37ff,#863eff);border-color:transparent}.hero{height:347px;background:radial-gradient(circle at 63% 50%,#4d28c7 0,#21117b 32%,#0c0936 70%);color:#fff;display:flex;padding:30px 78px;overflow:hidden}.hero-content{width:46%;position:relative;z-index:2}.eyebrow{display:inline-flex;background:#251a68;padding:5px 12px;border-radius:12px;letter-spacing:2px;font-size:9px;color:#ddd}.eyebrow i{color:#a97dff;font-style:normal;margin:0 5px}.hero h1{font-size:42px;line-height:1.05;margin:13px 0 7px;letter-spacing:-1.5px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7639ff,#bd79ff);-webkit-background-clip:text;color:transparent}.hero-content>p{font-size:15px;line-height:1.4;max-width:535px;color:#eee;margin:0 0 16px}.hero-buttons{display:flex;gap:12px}.primary,.secondary{height:45px;padding:0 25px;border-radius:9px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px}.primary{color:#fff;background:linear-gradient(90deg,#7138ff,#8d43ff)}.secondary{color:#fff;background:transparent;border:1px solid #ddd}.stats{display:flex;gap:20px;margin-top:18px}.stats div{display:flex;flex-direction:column;border-right:1px solid #52458f;padding-right:18px}.stats div:last-child{border:0}.stats b{font-size:15px}.stats span{font-size:9px;color:#c9c6dd;margin-top:3px}.hero-visual{flex:1;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.5}.orb-a{width:280px;height:280px;background:#7339ff;left:150px;top:30px}.orb-b{width:190px;height:190px;background:#a855f7;right:20px;bottom:-40px}.student-card{position:absolute;width:260px;height:270px;left:205px;top:0;display:flex;align-items:center;justify-content:center}.fake-person{font-size:145px;filter:drop-shadow(0 12px 22px #0006);z-index:2}.laptop{position:absolute;z-index:3;bottom:33px;background:#aaa;color:#fff;border:5px solid #777;width:160px;height:85px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;transform:perspective(200px) rotateX(3deg)}.float-card{position:absolute;z-index:4;width:180px;height:54px;border:1px solid #9b80ff88;background:linear-gradient(135deg,#6744d5cc,#7654e066);box-shadow:0 10px 30px #0004;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:11px;display:flex;align-items:center;padding:9px 13px;gap:10px}.float-card svg{width:23px;height:23px}.float-card div{display:flex;flex-direction:column}.float-card b{font-size:11px}.float-card small{font-size:8px;color:#d9d4f1;margin-top:3px}.c1{left:5px;top:20px}.c2{left:10px;top:90px}.c3{left:12px;top:160px}.c4{right:80px;top:28px}.c5{right:55px;top:100px}.c6{right:50px;top:172px}.hero-note{position:absolute;right:0;top:60px;font-size:15px;line-height:1.4;color:#eee;transform:rotate(-7deg);font-family:cursive}.hero-note strong{color:#d4a7ff}.category-bar{margin:-18px 22px 10px;background:#fff;border-radius:15px;box-shadow:0 8px 25px #20206010;display:flex;align-items:center;height:76px;padding:8px 18px;position:relative;z-index:5}.category{height:58px;min-width:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#31324b;font-size:10px;text-align:center}.category svg{color:#6338ff}.category.selected{background:#f1edff;border:1px solid #d7caff;border-radius:10px;color:#5423ed;font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(390px,.95fr);gap:12px;padding:0 22px}.panel{background:#fff;border-radius:14px;padding:14px;box-shadow:0 4px 20px #20206008}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.title-left{display:flex;gap:10px;align-items:center}.title-icon{width:35px;height:35px;border-radius:9px;background:#eee9ff;color:#6435ff;display:flex;align-items:center;justify-content:center}.section-title h2{font-size:16px;margin:0}.section-title p{font-size:10px;color:#777;margin:3px 0 0}.text-btn{background:transparent;color:#5e2cff;font-size:11px;font-weight:700;display:flex;gap:4px;align-items:center}.course-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.course-card,.premium-card{border:1px solid #e8e8ef;border-radius:10px;overflow:hidden;background:#fff}.thumb{height:98px;position:relative}.course-art{height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.course-art.react{background:linear-gradient(135deg,#081d47,#18b5e8)}.course-art.js{background:linear-gradient(135deg,#4e3215,#f5c52d)}.course-art.python{background:linear-gradient(135deg,#092d62,#287bc6)}.course-art.node{background:linear-gradient(135deg,#092f23,#38a85b)}.course-art.html{background:linear-gradient(135deg,#582a1b,#e98742)}.art-symbol{font-weight:900;font-size:38px;text-shadow:0 3px 10px #0005}.duration{position:absolute;right:6px;bottom:6px;background:#12121cdd;color:#fff;border-radius:4px;padding:3px 5px;font-size:8px}.course-body{padding:8px}.course-body h3,.premium-card h3{font-size:11px;line-height:1.3;margin:0 0 5px;min-height:29px}.rating{color:#f1aa13;font-size:9px;font-weight:700;display:flex;align-items:center;gap:3px}.rating span{color:#777;font-weight:500}.meta{display:flex;gap:4px;margin:7px 0}.meta span{font-size:8px;color:#666;background:#f0f0f5;padding:4px 5px;border-radius:4px;display:flex;gap:3px;align-items:center}.course-body button{width:100%;height:25px;background:#6435ff;color:#fff;border-radius:5px;font-size:9px;font-weight:700}.lower-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;margin-top:12px}.premium-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.premium-thumb{height:75px;background:linear-gradient(135deg,#1e1262,#7c43ed);color:#fff;position:relative;padding:7px}.premium-thumb span{font-size:7px;background:#6b35ff;padding:3px 5px;border-radius:4px}.premium-thumb div{text-align:center;font-size:29px;margin-top:5px}.premium-thumb b{position:absolute;right:5px;bottom:5px;font-size:7px}.premium-card h3{padding:7px 7px 0}.premium-card .rating{padding:0 7px}.price{display:flex;align-items:center;gap:7px;padding:7px}.price strong{font-size:14px}.price del{font-size:9px;color:#999}.price button{margin-left:auto;background:#6435ff;color:#fff;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:700}.notes-list{display:flex;flex-direction:column;gap:9px}.note-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee;padding-bottom:8px}.note-item:last-child{border:0}.note-icon{width:35px;height:35px;border-radius:7px;background:#dff5ff;color:#147ad1;display:flex;align-items:center;justify-content:center;font-weight:800}.note-icon.js{background:#fff0b7;color:#c89200}.note-icon.book{background:#f0e4ff;color:#7938cf}.note-item div:nth-child(2){display:flex;flex-direction:column;flex:1}.note-item b{font-size:9px}.note-item small{font-size:8px;color:#888;margin-top:3px}.note-item button{display:flex;gap:3px;align-items:center;background:#f1edff;color:#5e2cff;border-radius:5px;padding:7px 8px;font-size:8px}.jobs-panel{height:100%}.job-list{display:flex;flex-direction:column;gap:7px}.job{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #eee;border-radius:10px}.company{width:42px;height:42px;border-radius:8px;background:#fafafa;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-weight:800;color:#4c39c8;font-size:12px}.job-info{flex:1;min-width:0}.job-info>b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-info>span{display:block;color:#777;font-size:8px;margin:3px 0}.job-info div{display:flex;gap:5px}.job-info small{display:flex;align-items:center;gap:2px;background:#f0f0f6;padding:3px 5px;border-radius:4px;font-size:7px}.apply{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.apply button{background:#6533ff;color:#fff;border-radius:6px;padding:7px 11px;font-size:8px;font-weight:700}.apply small{font-size:7px;color:#999}.path-banner{margin:12px 22px 20px;padding:11px 28px;background:linear-gradient(90deg,#ede8ff,#f4eeff);border-radius:13px;display:flex;align-items:center;gap:14px}.target{font-size:36px;color:#6938ff}.path-banner h2{font-size:15px;margin:0}.path-banner p{font-size:9px;color:#666;margin:3px 0 0;white-space:nowrap}.path-banner>div:nth-child(2){margin-right:auto}.path-banner button{background:#fff;border:1px solid #d7caff;color:#5930df;border-radius:18px;padding:9px 14px;font-size:9px;font-weight:700;display:flex;gap:5px;align-items:center}@media(max-width:1200px){.navbar{padding:0 20px;gap:18px}.navbar nav{gap:13px}.search{width:220px}.hero{padding-left:45px;padding-right:45px}.hero h1{font-size:37px}}