:root{--ink:#0b1b34;--muted:#71819a;--blue:#2563eb;--blue2:#4f46e5;--line:#dce8f8;--soft:#f5f9ff;--white:#fff;--shadow:0 24px 70px rgba(25,74,145,.10);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7fbff 0,#fff 22%,#f7fbff 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topline{height:34px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#08172e;color:#cfe0ff;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;padding:17px 5vw;border-bottom:1px solid rgba(196,214,238,.8);background:rgba(255,255,255,.91);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:225px}.logo{width:42px;height:42px;border:1.5px solid #9fc1f5;border-radius:50%;background:linear-gradient(145deg,#fff,#edf5ff);box-shadow:0 10px 28px rgba(37,99,235,.13);position:relative;display:block}.logo i:before,.logo i:after{content:"";position:absolute;top:13px;width:5px;height:5px;background:var(--blue);border-radius:50%}.logo i:before{left:11px}.logo i:after{right:11px}.logo b{position:absolute;left:10px;right:10px;bottom:9px;height:9px;border-bottom:2px solid var(--blue);border-radius:0 0 18px 18px}.brand-text{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.27em;font-size:16px}.brand-text small{display:block;color:#5579b6;letter-spacing:.29em;font-size:9px;margin-top:5px}nav{display:flex;align-items:center;gap:24px;flex:1}nav a{font-size:13px;color:#60718b;text-decoration:none;font-weight:700}nav a:hover,nav a.active{color:var(--blue)}.workspace{font-size:13px;font-weight:800;text-decoration:none;color:var(--blue);border:1px solid #c9dbf4;padding:12px 16px;border-radius:13px;background:#fff;white-space:nowrap}.workspace span{margin-left:8px}.hero{max-width:1240px;margin:0 auto;padding:88px 5vw 74px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{display:inline-block;font-size:10px;letter-spacing:.20em;font-weight:800;color:#55749f;text-transform:uppercase}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--blue2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:710px;color:var(--muted);font-size:18px;line-height:1.75;margin:0}.hero-actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 20px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer}.button.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 14px 28px rgba(37,99,235,.20)}.button.secondary{color:#2b5fae;background:#fff;border-color:#cfe0f7}.hero-metrics{display:flex;gap:38px;margin-top:28px}.hero-metrics div{display:flex;flex-direction:column;gap:3px}.hero-metrics strong{font-family:Manrope;font-size:25px}.hero-metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8392a7;font-weight:800}.hero-panel{padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#dbeafe,transparent 68%);right:-90px;top:-100px}.panel-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.17em;color:#6680a4}.live{color:#2d6bd0}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4f8df5;margin-right:6px;box-shadow:0 0 0 5px #e9f2ff}.progress-ring{width:174px;height:174px;margin:30px auto 24px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 0deg,#e7eef8 0deg);position:relative}.progress-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.progress-ring div{position:relative;z-index:1;text-align:center}.progress-ring strong{display:block;font-family:Manrope;font-size:34px;letter-spacing:-.04em}.progress-ring span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8795a9;font-weight:800}.console-row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #e6eef8;font-size:13px;color:#718099}.console-row b{color:var(--ink)}.console-note{margin-top:15px;padding:12px;border-radius:12px;background:#f4f8fd;color:#8a98aa;font-size:10px;line-height:1.5}.section{max-width:1240px;margin:0 auto;padding:74px 5vw}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:30px}.section-heading h2{font-family:Manrope;font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;margin:10px 0 10px}.section-heading p{color:var(--muted);max-width:650px;line-height:1.7;margin:0}.section-heading>a{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:#fff;border:1px solid #d9e6f6;color:#718199;border-radius:999px;padding:9px 13px;font-weight:800;font-size:11px;cursor:pointer}.filter.active{background:#0e2444;color:#fff;border-color:#0e2444}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(27,75,138,.06);transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(27,75,138,.12)}.course-card.hidden{display:none}.course-image{height:165px;position:relative;overflow:hidden;background-size:cover;background-position:center}.course-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,52,.02),rgba(7,26,52,.45))}.course-image span{position:absolute;z-index:1;left:17px;top:15px;color:#fff;font-family:Manrope;font-size:25px;font-weight:800}.course-image b{position:absolute;z-index:1;right:15px;bottom:14px;color:#fff;font-size:9px;letter-spacing:.17em}.image-one{background-image:url('https://images.pexels.com/photos/10902643/pexels-photo-10902643.jpeg?auto=compress&cs=tinysrgb&w=1200')}.image-two{background-image:url('https://images.pexels.com/photos/6712287/pexels-photo-6712287.jpeg?auto=compress&cs=tinysrgb&w=1200')}.image-three{background-image:url('https://images.pexels.com/photos/935835/pexels-photo-935835.jpeg?auto=compress&cs=tinysrgb&w=1200')}.image-four{background-image:url('https://images.pexels.com/photos/3768916/pexels-photo-3768916.jpeg?auto=compress&cs=tinysrgb&w=1200')}.image-five{background-image:url('https://images.pexels.com/photos/3769021/pexels-photo-3769021.jpeg?auto=compress&cs=tinysrgb&w=1200')}.image-six{background-image:url('https://images.pexels.com/photos/3759660/pexels-photo-3759660.jpeg?auto=compress&cs=tinysrgb&w=1200')}.image-seven{background-image:url('https://images.pexels.com/photos/1687845/pexels-photo-1687845.jpeg?auto=compress&cs=tinysrgb&w=1200')}.image-eight{background-image:url('https://images.pexels.com/photos/3184436/pexels-photo-3184436.jpeg?auto=compress&cs=tinysrgb&w=1200')}.course-body{padding:20px}.meta{display:flex;justify-content:space-between;gap:8px;color:#6e86a5;font-size:8px;letter-spacing:.15em;font-weight:800}.course-body h3{font-family:Manrope;font-size:20px;line-height:1.15;letter-spacing:-.025em;margin:13px 0 9px}.course-body p{font-size:12px;line-height:1.65;color:#75849a;min-height:60px;margin:0}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #e7eef7;color:#8a98aa;font-size:10px;font-weight:700}.open-course{border:0;background:none;color:var(--blue);font-size:11px;font-weight:800;cursor:pointer;padding:0}.insight-section{padding-top:30px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(27,75,138,.06)}.article-card>img{width:100%;height:190px;object-fit:cover;display:block}.article-card>div{padding:20px}.article-card span{font-size:9px;letter-spacing:.15em;font-weight:800;color:#6380a4}.article-card h3{font-family:Manrope;font-size:20px;line-height:1.2;margin:10px 0}.article-card p{font-size:12px;line-height:1.65;color:#76859b;margin:0 0 16px}.article-card button{border:0;background:none;color:var(--blue);font-weight:800;font-size:11px;padding:0;cursor:pointer}.article-tech{height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#dceaff 0,#f8fbff 58%,#eaf3ff 100%);position:relative;overflow:hidden}.article-tech span{font-family:Manrope;font-size:54px;font-weight:800;color:#2d65d3;z-index:2;letter-spacing:-.08em}.article-tech i,.article-tech b{position:absolute;border:1px solid #9fc1f5;border-radius:50%;width:180px;height:180px}.article-tech i{width:250px;height:250px}.article-tech b{width:105px;height:105px}.article-blue{background:linear-gradient(135deg,#eef5ff,#e4edff)}.disclaimer{max-width:1140px;margin:30px auto 70px;padding:20px 24px;border:1px solid #d9e6f5;border-radius:18px;background:#f8fbff;display:flex;gap:12px;color:#78879b;font-size:11px;line-height:1.6}.disclaimer strong{color:#3d5e8c;white-space:nowrap}footer{padding:30px 5vw;border-top:1px solid #dce7f4;display:flex;justify-content:space-between;gap:20px;color:#8190a4;font-size:11px;background:#fff}footer a{color:var(--blue);text-decoration:none;font-weight:800}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(5,20,42,.54);backdrop-filter:blur(8px)}.course-room,.article-room{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,92vw);max-height:88vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 40px 120px rgba(3,22,49,.30);padding:34px}.close{position:absolute;right:18px;top:15px;width:36px;height:36px;border-radius:50%;border:1px solid #d9e5f3;background:#fff;font-size:25px;color:#52647d;cursor:pointer}.room-head{display:flex;justify-content:space-between;gap:25px;padding-right:45px}.room-head h2,.article-room h2{font-family:Manrope;font-size:38px;letter-spacing:-.045em;margin:10px 0}.room-head p,.article-lead{color:#74849a;line-height:1.7;max-width:650px}.room-stat{text-align:right}.room-stat strong{font-family:Manrope;font-size:34px;color:var(--blue);display:block}.room-stat span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#8796aa;font-weight:800}.room-progress{height:8px;background:#e8eef7;border-radius:999px;overflow:hidden;margin:24px 0 28px}.room-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--blue2));transition:width .25s}.room-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px}.mini-label{font-size:9px;letter-spacing:.16em;font-weight:800;color:#6881a3}.room-grid ul{padding-left:18px;color:#728198;font-size:13px;line-height:1.8}.lesson-list{margin-top:12px;border:1px solid #e0eaf6;border-radius:16px;overflow:hidden}.lesson{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #e8eef6;font-size:12px}.lesson:last-child{border-bottom:0}.lesson button{width:23px;height:23px;border-radius:7px;border:1px solid #cbdcf1;background:#fff;color:transparent;cursor:pointer}.lesson.done{background:#f5f9ff;color:#45678f}.lesson.done button{background:var(--blue);border-color:var(--blue);color:#fff}.lesson span{flex:1}.room-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5edf7;margin-top:24px;padding-top:20px;color:#8190a4;font-size:11px}.article-room{max-width:760px}.article-room .article-lead{font-size:16px}.article-room p{color:#687a92;line-height:1.8}.article-room h3{font-family:Manrope;margin-top:28px;font-size:20px}.article-end{margin-top:28px;padding:16px;border-radius:14px;background:#f4f8fd;color:#68809f;font-size:11px;font-weight:700}.no-scroll{overflow:hidden}@media(max-width:1050px){nav{display:none}.course-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-panel{max-width:520px}.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topline{padding:0 16px}.topline span:last-child{display:none}.site-header{padding:12px 16px;gap:12px}.brand{min-width:0}.brand-text{font-size:13px}.workspace{margin-left:auto;padding:10px 12px}.hero{padding:55px 20px 40px}.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.hero-metrics{gap:18px}.section{padding:52px 20px}.section-heading{display:block}.filters{margin-top:20px}.course-grid,.article-grid,.room-grid{grid-template-columns:1fr}.course-image{height:190px}.disclaimer{margin:10px 20px 50px;display:block}.disclaimer strong{display:block;margin-bottom:6px}footer{display:block;padding:25px 20px}footer span,footer a{display:block;margin:7px 0}.course-room,.article-room{padding:25px 20px;border-radius:22px}.room-head h2,.article-room h2{font-size:30px}.room-foot{align-items:flex-start;flex-direction:column}.room-foot .button{width:100%}}