@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--page:#fff;--surface:#fff;--navy:#081b4d;--text:#14264b;--muted:#62728f;--line:#dce6f2;--blue:#1479f8;--shadow:0 5px 18px rgba(26,69,125,.055);font-family:Inter,Arial,sans-serif;color:var(--text);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);font-size:14px;color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:72px;position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(255,255,255,.97);border-bottom:1px solid #e6edf5;display:flex;align-items:center;padding:0 24px;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:0 0 250px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#1879f8}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font-size:20px;line-height:1.1;color:#0b1b4c;font-weight:800;letter-spacing:-.5px}.brand-copy small{font-size:11px;color:#465b7c;font-weight:500}.search-box{height:46px;max-width:610px;flex:1;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid #d9e4f2;border-radius:17px;background:#f2f6fd;box-shadow:inset 0 1px 2px #dbe5f133}.search-box svg{width:21px;flex-shrink:0;fill:none;stroke:#62738e;stroke-width:1.8}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#263958;font-size:13px}.search-box input::placeholder{color:#596b87}.search-box kbd{font:11px Inter,Arial;color:#596b87;border:1px solid #d4dfed;background:#fff;border-radius:8px;padding:5px 8px;white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button{border:0;background:transparent;color:#14254d;font-size:24px;width:34px;height:38px;display:grid;place-items:center;position:relative;cursor:pointer}.toggle{width:44px;height:25px;border:0;border-radius:20px;background:#1678f5;padding:3px;cursor:pointer}.toggle span{display:block;width:19px;height:19px;background:#fff;border-radius:50%;margin-left:auto;box-shadow:0 1px 3px #14366c44}.moon{font-size:23px;color:#536b91;margin:0 16px 0 0}.notification{font-size:23px}.notification i{position:absolute;right:-2px;top:0;background:#f04455;color:#fff;font-style:normal;font-size:10px;min-width:17px;height:17px;border-radius:10px;display:grid;place-items:center;border:2px solid #fff}.profile{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;color:var(--navy);padding:0 0 0 12px;cursor:pointer}.avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#258dfb,#0861e4);color:#fff;font-size:23px;box-shadow:0 3px 8px #1678f52a}.profile-copy{display:flex;flex-direction:column;gap:3px}.profile-copy strong{font-size:14px}.profile-copy small{font-size:11px;color:#526581}.chevron{font-size:23px;margin-left:18px}
.sidebar{position:fixed;z-index:10;top:72px;left:0;bottom:0;width:228px;background:#fff;border-right:1px solid #e0e8f2;padding:23px 17px 18px;display:flex;flex-direction:column}.menu-label{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#8795aa;margin:0 0 17px 12px}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-item{height:49px;display:flex;align-items:center;gap:17px;padding:0 13px;border-radius:13px;font-size:15px;font-weight:500;color:#15274b;transition:background .18s,color .18s}.nav-item:hover{background:#f1f6ff}.nav-item.active{background:linear-gradient(105deg,#2389fb,#347df0);color:white;box-shadow:0 5px 12px #1678f52a}.nav-icon{width:24px;text-align:center;font-size:26px;line-height:1;color:#132957}.active .nav-icon{color:#fff}.side-promo{margin-top:28px;background:linear-gradient(145deg,#edf6ff,#e8f1fc);border:1px solid #e1edfb;border-radius:20px;padding:19px 13px 17px;text-align:center}.rocket{font-size:39px;line-height:1.3;margin-bottom:9px}.side-promo h3{font-size:16px;line-height:1.3;margin:0 0 8px;color:#0a1d50;font-weight:800}.side-promo p{font-size:13px;line-height:1.45;color:#506583;margin:0 0 14px}.promo-button{height:42px;border-radius:11px;background:#1979f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600}.sidebar-bottom{margin-top:auto;padding:14px 5px 0;font-size:11px;color:#7a8ca7;display:flex;align-items:center;gap:8px}.online-dot{width:7px;height:7px;border-radius:50%;background:#20c58a}
.main-content{margin-left:228px;padding:88px 18px 26px 18px;width:calc(100% - 228px);max-width:none;min-width:0}.hero{min-height:310px;border-radius:21px;overflow:hidden;position:relative;isolation:isolate;display:flex;align-items:center;padding:27px 36px;background:linear-gradient(112deg,#1261e9 0%,#148cf5 47%,#83c9ff 100%);box-shadow:0 7px 18px #1d75ee20;color:white}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 72% 5%,#8ec8ff55 0,transparent 34%),linear-gradient(165deg,transparent 58%,#b4e3ff5c 58.2%,#b4e3ff5c 100%)}.hero-orb{position:absolute;border:1px solid #ffffff20;border-radius:50%;z-index:-1}.orb-one{width:460px;height:460px;right:27%;top:-270px;box-shadow:0 0 0 42px #ffffff08,0 0 0 88px #ffffff06}.orb-two{width:300px;height:300px;right:13%;bottom:-235px;background:#fff1}.hero-copy{position:relative;z-index:4;width:51%;max-width:640px}.welcome{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff80;background:#ffffff17;border-radius:22px;padding:7px 14px;font-size:13px;font-weight:500;margin-bottom:14px;backdrop-filter:blur(5px)}.hero h1{font-size:clamp(34px,3.05vw,45px);line-height:1.04;letter-spacing:-1.4px;margin:0 0 12px;font-weight:800;color:#fff}.hero-copy>p{font-size:15px;line-height:1.5;color:#f4f9ff;margin:0 0 18px;max-width:550px}.hero-actions{display:flex;align-items:center;gap:23px}.button-white{height:46px;padding:0 21px;display:inline-flex;align-items:center;gap:15px;border-radius:12px;background:#fff;color:#0866e9;font-size:14px;font-weight:700;box-shadow:0 4px 10px #0848b52b}.button-white span{font-size:21px}.video-link{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff;font-weight:500}.play{width:38px;height:38px;border:1.5px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:2px}.hero-note{position:absolute;z-index:2;left:54%;top:20%;font-size:17px;line-height:1.3;font-style:italic;text-align:center;transform:rotate(-8deg);color:#f7fbff}.hero-note span{display:block;font-size:40px;transform:rotate(26deg);margin-top:4px}.hero-art{position:absolute;z-index:2;right:18%;bottom:16px;width:260px;height:215px;filter:drop-shadow(0 15px 12px #104da65a)}.book{position:absolute;right:10px;width:218px;height:36px;border-radius:9px 12px 12px 9px;transform:skewY(-4deg);border:1px solid #d4e5ff;box-shadow:inset 0 -6px #c3dcff}.book-bottom{bottom:17px;background:linear-gradient(#fff,#e5f2ff);border-bottom:8px solid #1265dc;height:46px;transform:skewY(3deg)}.book-middle{bottom:55px;right:24px;background:linear-gradient(#fff,#eaf4ff);border-bottom:9px solid #267cf1;transform:skewY(-4deg)}.book-top{bottom:91px;right:36px;width:155px;height:80px;border-radius:13px;background:linear-gradient(145deg,#fff,#dcecff);transform:skewY(-7deg) rotate(-1deg);box-shadow:inset 0 -5px #b6d4ff;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#1268e9;font-size:30px;font-weight:800}.book-top i,.book-top b{height:4px;border-radius:3px;background:#b5d2f8;width:63px;margin-top:6px}.book-top b{width:42px;margin-top:4px}.cup{position:absolute;right:-15px;bottom:39px;width:61px;height:82px;border-radius:9px 9px 20px 20px;background:linear-gradient(90deg,#fff,#d7ebff);transform:rotate(3deg);box-shadow:inset -7px 0 #bad8ff}.cup:before{content:"";position:absolute;top:-5px;left:-3px;width:65px;height:13px;border-radius:50%;background:#edf7ff;border:2px solid #c4dfff}.cup span{position:absolute;bottom:50px;width:9px;height:65px;border-radius:5px 5px 1px 1px;transform:rotate(-17deg);background:#ffb93e;left:9px}.cup span:nth-child(2){left:26px;background:#ff679c;height:77px;transform:rotate(10deg)}.cup span:nth-child(3){left:43px;background:#1267ec;height:70px;transform:rotate(16deg)}.pencil{position:absolute;z-index:2;width:11px;height:85px;border-radius:5px 5px 2px 2px;bottom:99px;left:8px;transform:rotate(-25deg);background:linear-gradient(90deg,#f9b53d,#ffdc76)}.pencil:before{content:"";position:absolute;top:-8px;left:1px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:9px solid #f5d1a4}.pencil-pink{left:37px;bottom:109px;background:linear-gradient(90deg,#f65b9a,#ffb6d3);transform:rotate(12deg);height:90px}.pencil-blue{left:69px;bottom:102px;background:linear-gradient(90deg,#1269eb,#8bc7ff);transform:rotate(24deg);height:83px}.spark{position:absolute;color:#fff;font-size:23px}.spark-one{right:14px;top:11px}.spark-two{left:-2px;bottom:2px;font-size:19px}.hero-quicklinks{position:absolute;z-index:5;right:23px;top:50%;transform:translateY(-50%);width:242px;border-radius:18px;background:#ffffffed;border:1px solid #ffffffa8;box-shadow:0 8px 25px #164e9b22;padding:9px 13px;color:#0d204d}.hero-quicklinks a{display:flex;align-items:center;gap:11px;padding:10px 2px}.hero-quicklinks a+a{border-top:1px solid #e7edf6}.hero-quicklinks strong{display:block;font-size:13px;margin-bottom:4px}.hero-quicklinks small{display:block;color:#536783;font-size:11px}.hero-quicklinks b{margin-left:auto;font-size:25px;font-weight:400;color:#334c72}.quick-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.quick-icon.blue{background:#e2efff;color:#1778f8}.quick-icon.green{background:#ddf9ec;color:#13b87d}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}.feature-card{min-width:0;min-height:145px;border-radius:20px;border:1px solid #d8e5f3;display:flex;align-items:center;gap:15px;padding:20px 20px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.feature-card:hover,.subject-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #1c4f8914}.feature-blue{background:linear-gradient(120deg,#e9f4ff,#f4f9ff);border-color:#d3e3f8}.feature-purple{background:linear-gradient(120deg,#f3eaff,#fbf7ff);border-color:#e8dcfa}.feature-green{background:linear-gradient(120deg,#e5fbf1,#effff7);border-color:#d2f1e3}.feature-icon{width:67px;height:67px;flex-shrink:0;border-radius:22px;background:linear-gradient(145deg,#2991ff,#0867e9);display:grid;place-items:center;color:#fff;font-size:39px;box-shadow:0 5px 12px #247bf62b}.feature-purple .feature-icon{background:linear-gradient(145deg,#ba73ff,#7e42e9)}.feature-green .feature-icon{background:linear-gradient(145deg,#20dc8b,#08b873)}.feature-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.feature-content strong{font-size:19px;color:#091d50;font-weight:800;letter-spacing:-.4px;margin-bottom:5px}.feature-content small{font-size:14px;line-height:1.45;color:#324766}.feature-content b{font-size:15px;color:#0767e9;margin-top:13px;font-weight:600}.feature-purple .feature-content b{color:#7141dc}.feature-green .feature-content b{color:#087754}.feature-content b span{font-size:21px;margin-left:8px}.round-arrow{position:absolute;right:14px;bottom:13px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffffd9;border:1px solid #c4d9f1;color:#1266d9;font-size:25px;box-shadow:0 3px 7px #194a8710}
.subjects-section{margin-top:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.eyebrow{display:block;font-size:10px;letter-spacing:1.2px;color:#8191aa;font-weight:700;margin-bottom:4px}.section-heading h2{font-size:25px;line-height:1.2;margin:0;color:#0b1d4d;letter-spacing:-.6px}.section-heading>a{color:#0968e9;font-size:14px;font-weight:600;margin-bottom:3px}.section-heading>a span{font-size:21px;margin-left:6px}.subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.subject-card{min-width:0;padding:14px 16px 13px;border:1px solid #dce6f1;border-radius:18px;background:#fff;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.subject-top{display:flex;align-items:center;gap:13px;min-height:55px}.subject-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;font-size:37px;font-weight:700;background:#e0efff;color:#1677ef}.subject-top h3{font-size:17px;line-height:1.2;margin:0 0 5px;color:#0a1c4d;font-weight:800;letter-spacing:-.3px}.subject-top p{margin:0;font-size:13px;color:#4c607e}.russian .subject-icon{background:#dff9eb;color:#12b875}.physics .subject-icon{background:#f0e6ff;color:#9856ee}.informatics .subject-icon{background:#fff0df;color:#f07817}.progress-row{display:flex;align-items:center;gap:9px;margin:12px 0 10px}.progress{height:10px;border-radius:20px;background:#edf2f8;overflow:hidden;flex:1}.progress span{height:100%;display:block;border-radius:20px;background:#19c994}.progress-row b{font-size:14px;color:#15264a;min-width:31px;text-align:right;font-weight:600}.russian .progress span{background:#13c78b}.physics .progress span{background:#9b63f4}.informatics .progress span{background:#ff9d43}.subject-button{height:43px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;background:#deedff;color:#0758ca;font-weight:600;font-size:14px}.subject-button span{font-size:21px}.russian .subject-button{background:#d9f9e9;color:#006d4b}.physics .subject-button{background:#eee1ff;color:#6233c4}.informatics .subject-button{background:#ffead8;color:#c94e08}.no-results{padding:20px;color:#62728f}
.bottom-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;margin-top:17px}.plan-card,.next-card{background:#fff;border:1px solid #dce6f1;border-radius:20px;box-shadow:var(--shadow);padding:18px 20px}.bottom-title{display:flex;align-items:center;gap:12px;margin-bottom:9px}.bottom-icon{font-size:28px;color:#1378f5}.bottom-title h2,.next-card h2{font-size:19px;color:#0a1d4e;margin:0;font-weight:800;letter-spacing:-.3px}.bottom-title>a{margin-left:auto;color:#0868e9;font-size:13px;font-weight:500;white-space:nowrap}.bottom-title>a span{font-size:20px;margin-left:5px}.task{display:flex;align-items:center;gap:12px;min-height:43px;border-bottom:1px solid #edf1f6;cursor:pointer;position:relative}.task input{position:absolute;opacity:0;width:1px;height:1px}.task-check{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#17c88a;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.task-check.number{background:#167af3}.task-check.empty{background:#fff;border:2px solid #b9cde8}.task-text{font-size:13px;color:#182a4e;flex:1;line-height:1.35}.task-tag{font-size:11px;font-weight:600;border-radius:20px;padding:7px 11px;white-space:nowrap}.done{background:#def9ec;color:#069966}.progress-tag{background:#e2f0ff;color:#0867db}.waiting{background:#fff0df;color:#dc7a15}.task input:not(:checked)+.task-check{display:none}.task:has(input:not(:checked)) .task-check.number,.task:has(input:not(:checked)) .task-check.empty{display:grid}.task:has(input:checked) .task-text{text-decoration:line-through;color:#7c8ba2}.task:has(input:checked) .task-tag{background:#def9ec;color:#069966}.plan-button{height:43px;border-radius:11px;background:linear-gradient(90deg,#e3f0ff,#eaf4ff);color:#0758ca;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;margin-top:12px}.plan-button span{font-size:21px}.next-card{background:linear-gradient(145deg,#fff,#f7fbff);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.next-card .eyebrow{margin-bottom:7px}.next-card h2{font-size:21px;margin-bottom:8px}.next-card p{font-size:13px;line-height:1.55;color:#536783;margin:0 0 15px;max-width:460px}.start-button{height:42px;padding:0 16px;border-radius:11px;background:#187bf5;color:#fff;display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:13px}.start-button span{font-size:19px}footer{padding:19px 4px 4px;color:#8290a7;font-size:11px}footer span{margin-left:9px;color:#a0aabc}.toast{position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#12224b;color:white;padding:12px 18px;border-radius:12px;font-size:13px;box-shadow:0 10px 30px #14244a30;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.dark{--page:#10182b;--navy:#eef4ff;--text:#eef4ff;--muted:#a4b0c8;--line:#263653;background:#10182b;color:#eef4ff}body.dark .topbar,body.dark .sidebar,body.dark .subject-card,body.dark .plan-card,body.dark .next-card{background:#151f35;border-color:#2b3a56}body.dark .brand-copy strong,body.dark .nav-item,body.dark .subject-top h3,body.dark .bottom-title h2,body.dark .next-card h2{color:#eef4ff}body.dark .search-box{background:#1b2942;border-color:#354561}body.dark .search-box input,body.dark .profile{color:#e8f0ff}body.dark .feature-content strong{color:#091d50}body.dark .task{border-color:#2a3852}body.dark .task-text{color:#e5edfc}body.dark .hero-quicklinks{background:#17243a;color:#eef4ff;border-color:#30415e}body.dark .hero-quicklinks small{color:#bac9df}body.dark .side-promo{background:#1b2b46}body.dark .subject-button{filter:brightness(.85)}
@media(min-width:1600px){.main-content{padding-left:24px;padding-right:24px}.hero{min-height:330px}.feature-card{min-height:155px}.subject-card{padding:17px 19px}.hero-art{transform:scale(1.08);transform-origin:bottom center}}
@media(max-width:1250px){.topbar{gap:18px}.brand{flex-basis:215px}.sidebar{width:205px}.main-content{margin-left:205px;width:calc(100% - 205px)}.hero{padding-left:27px}.hero-copy{width:52%}.hero-art{right:21%;transform:scale(.83);transform-origin:bottom center}.hero-quicklinks{width:205px;right:13px}.hero h1{font-size:34px}.feature-card{padding:15px 12px;gap:12px}.feature-icon{width:58px;height:58px;border-radius:19px}.feature-content strong{font-size:16px}.feature-content small{font-size:12px}.round-arrow{width:34px;height:34px}.subject-card{padding:12px}.subject-icon{width:50px;height:50px}.subject-top{gap:10px}.subject-top h3{font-size:15px}.bottom-grid{grid-template-columns:1fr 1fr}.hero-note{display:none}}
@media(max-width:950px){.topbar{padding:0 15px;gap:14px}.brand{flex-basis:auto}.brand-copy strong{font-size:17px}.brand-copy small{display:none}.search-box{width:auto;flex:1}.top-actions{gap:6px}.profile-copy,.chevron,.theme-icon,.toggle,.moon{display:none}.notification{margin-left:5px}.sidebar{width:74px;padding:18px 9px}.nav-item{justify-content:center;padding:0;font-size:0;gap:0}.nav-icon{font-size:26px}.side-promo h3,.side-promo p,.side-promo .promo-button,.sidebar-bottom,.menu-label{display:none}.side-promo{padding:13px 7px}.rocket{font-size:28px;margin:0}.main-content{margin-left:74px;width:calc(100% - 74px);padding:88px 13px 25px}.hero{min-height:300px;padding:22px}.hero-copy{width:64%}.hero h1{font-size:31px}.hero-copy>p{font-size:13px}.hero-art{right:10%;opacity:.85;transform:scale(.72);transform-origin:bottom center}.hero-note,.hero-quicklinks{display:none}.feature-grid{gap:10px}.feature-card{min-height:125px;gap:9px;padding:12px}.feature-icon{width:44px;height:44px;border-radius:14px;font-size:27px}.feature-content strong{font-size:14px}.feature-content small{font-size:11px}.feature-content b{font-size:13px}.round-arrow{display:none}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.profile{margin-left:0}.avatar{width:38px;height:38px}}
@media(max-width:600px){.topbar{height:62px;padding:0 10px;gap:9px}.brand-mark{width:35px;height:35px}.brand{gap:6px}.brand-copy strong{font-size:14px}.search-box{height:37px;padding:0 9px;gap:7px;border-radius:12px}.search-box svg{width:17px}.search-box input{font-size:11px}.search-box kbd{display:none}.top-actions{margin-left:0}.notification{display:none}.avatar{width:32px;height:32px;font-size:18px}.sidebar{top:62px;bottom:auto;left:0;right:0;width:100%;height:57px;display:block;padding:5px 7px;border-right:0;border-bottom:1px solid #e0e8f2;overflow-x:auto}.side-nav{flex-direction:row;gap:4px;width:max-content}.nav-item{height:44px;width:46px;border-radius:11px}.nav-item:nth-child(n+5){display:none}.nav-icon{font-size:24px}.side-promo{display:none}.main-content{margin-left:0;width:100%;padding:132px 12px 22px}.hero{min-height:375px;padding:21px 19px;align-items:flex-start}.hero-copy{width:100%;max-width:100%}.welcome{font-size:11px;padding:6px 10px;margin-bottom:12px}.hero h1{font-size:31px;line-height:1.03;letter-spacing:-1px}.hero-copy>p{font-size:12px;max-width:330px}.desktop-only{display:none}.hero-actions{gap:12px;flex-wrap:wrap}.button-white{min-height:42px;font-size:12px;padding:0 13px}.video-link{font-size:11px}.play{width:30px;height:30px}.hero-art{right:4%;bottom:-5px;transform:scale(.58);transform-origin:bottom right;opacity:.75}.hero:after{right:0;bottom:-60px}.feature-grid{grid-template-columns:1fr;gap:9px;margin-top:12px}.feature-card{min-height:100px;padding:13px 15px;gap:14px}.feature-icon{width:54px;height:54px;font-size:29px}.feature-content strong{font-size:15px}.feature-content small{font-size:12px}.feature-content b{margin-top:2px}.round-arrow{display:grid;width:32px;height:32px;right:13px;bottom:12px}.subjects-section{margin-top:17px}.section-heading h2{font-size:20px}.section-heading>a{font-size:12px}.subject-grid{gap:9px}.subject-card{padding:10px;border-radius:14px}.subject-top{gap:8px;align-items:center}.subject-icon{width:41px;height:41px;font-size:27px;border-radius:11px}.subject-top h3{font-size:13px}.subject-top p{font-size:11px}.progress{height:7px}.progress-row{gap:6px;margin:6px 0 9px}.progress-row b{font-size:11px}.subject-button{height:36px;font-size:12px}.bottom-grid{margin-top:12px}.plan-card,.next-card{padding:14px 12px;border-radius:15px}.bottom-title{gap:8px;flex-wrap:wrap}.bottom-title h2,.next-card h2{font-size:16px}.bottom-title>a{font-size:11px}.task{gap:7px;min-height:52px}.task-text{font-size:11px}.task-check{width:23px;height:23px}.task-tag{font-size:9px;padding:5px 6px}.next-card p{font-size:12px}footer{font-size:10px}}

/* Реальные элементы MVP */
.login-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:94px;height:42px;padding:0 18px;border-radius:12px;
  background:#1678f5;color:#fff;font-size:14px;font-weight:700;
  box-shadow:0 4px 12px #1678f526;white-space:nowrap;
}
.login-button:hover{background:#0868e8}
.subject-grid{grid-template-columns:minmax(0,360px);justify-content:start}
.subject-message{margin:12px 0 0;color:#9a531d;font-size:13px;line-height:1.5}
.subject-button{border:0;width:100%;cursor:pointer;font-family:inherit}
.subject-button:disabled{cursor:default;opacity:.75;transform:none}
@media(max-width:600px){.subject-grid{grid-template-columns:minmax(0,1fr)}}


/* === Информатика: цельный редизайн карточки === */
.subject-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch;}
.informatics-featured{width:100%;max-width:none;padding:clamp(16px,2vw,28px);border:1px solid #d9e7fa;border-radius:24px;background:linear-gradient(125deg,#fff 0%,#f7fbff 58%,#eef5ff 100%);box-shadow:0 12px 34px rgba(40,103,190,.10);overflow:hidden;position:relative;}
.informatics-featured:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 28%,rgba(23,205,255,.12),transparent 28%),radial-gradient(ellipse at 88% 7%,rgba(128,92,255,.10),transparent 25%);}
.informatics-hero-row{position:relative;display:grid;grid-template-columns:minmax(190px,.82fr) minmax(280px,1.35fr) minmax(120px,.52fr);align-items:center;gap:clamp(18px,2.5vw,38px);min-height:225px;}
.informatics-art{height:220px;min-width:0;position:relative;display:grid;place-items:center;isolation:isolate;}
.art-glow{position:absolute;width:78%;height:75%;border-radius:42% 58% 56% 44%;background:linear-gradient(135deg,#10e4f3,#1975ff 55%,#8a54ff);filter:blur(1px);transform:rotate(-9deg);opacity:.94;box-shadow:0 12px 35px #168eff45;z-index:-1;}
.art-laptop{position:relative;width:76%;height:118px;transform:rotate(-8deg);filter:drop-shadow(0 10px 8px #0758b54a);}
.art-screen{position:absolute;left:5%;top:0;width:88%;height:95px;border:5px solid #c9f8ff;border-radius:13px;background:linear-gradient(145deg,#0c3cbb,#111b78 60%,#3d36c9);box-shadow:inset 0 0 0 2px #3acfff;display:grid;place-items:center;color:#fff;}
.art-screen span{font-size:clamp(25px,3vw,42px);font-weight:800;letter-spacing:-3px;text-shadow:0 0 18px #25dfff;}
.art-screen i,.art-screen b{position:absolute;height:3px;border-radius:4px;background:#20d8ff;opacity:.8;left:12%;width:22%;bottom:17px}.art-screen b{left:auto;right:12%;width:16%;background:#a58aff;bottom:26px}
.art-base{position:absolute;left:0;right:0;bottom:4px;height:19px;background:linear-gradient(#eafaff,#7ccfff 55%,#2778e7);clip-path:polygon(7% 0,91% 0,100% 70%,88% 100%,12% 100%,0 70%);border-radius:0 0 10px 10px;}
.art-chip{position:absolute;right:4%;top:9%;display:grid;place-items:center;width:51px;height:51px;border-radius:13px;background:linear-gradient(135deg,#2ce9f3,#1685ff);color:#fff;font-weight:800;font-size:11px;box-shadow:0 8px 20px #067ce95c;transform:rotate(7deg)}
.art-binary{position:absolute;left:0;top:35%;z-index:2;padding:10px 12px;border:2px solid #8beaff;border-radius:12px;background:linear-gradient(145deg,#12aefb,#2364ee);color:#fff;font-size:15px;line-height:1.15;font-weight:800;letter-spacing:1px;box-shadow:0 7px 18px #087ef45c;transform:rotate(-7deg)}
.art-paper{position:absolute;right:2%;bottom:13%;width:51px;height:70px;border-radius:8px;background:linear-gradient(145deg,#fff,#d8eaff);box-shadow:0 7px 17px #1b5ebd3b;transform:rotate(9deg);padding:28px 8px 0}.art-paper i{display:block;height:4px;border-radius:5px;background:#7eaff3;margin:5px 0}.art-paper i:nth-child(2){width:75%}.art-paper i:nth-child(3){width:55%}.art-spark{position:absolute;color:#fff;font-size:28px;text-shadow:0 0 12px #fff}.spark-a{left:7%;bottom:9%}.spark-b{right:9%;top:21%;font-size:22px}
.informatics-copy{min-width:0;position:relative;z-index:1}.informatics-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}.exam-badge,.popular-badge{display:inline-flex;align-items:center;gap:7px;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:800;white-space:nowrap}.exam-badge{color:#0759d7;background:linear-gradient(110deg,#d9eeff,#c5e0ff);border:1px solid #b6d8ff}.popular-badge{color:#5630d6;background:linear-gradient(110deg,#eee7ff,#e4dcff);border:1px solid #d9ccff}.informatics-copy h3{font-size:clamp(27px,3vw,48px);line-height:1.02;letter-spacing:-1.8px;color:#091b4a;margin:0 0 8px;font-weight:850}.informatics-copy h4{font-size:clamp(18px,1.8vw,29px);line-height:1.15;color:#4d6090;margin:0 0 14px;font-weight:750}.informatics-copy p{font-size:clamp(13px,1.05vw,17px);line-height:1.55;color:#5a6e91;margin:0;max-width:590px}.informatics-note{position:relative;align-self:center;text-align:center;color:#175de4;font-size:clamp(12px,1.25vw,17px);font-weight:700;font-style:italic;line-height:1.4;transform:rotate(-7deg);}.informatics-note span{display:block;font-size:45px;font-weight:400;line-height:1;margin-top:3px}
.informatics-info-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.informatics-info{min-width:0;min-height:78px;padding:13px 15px;display:flex;align-items:center;gap:12px;border:1px solid #dce8f8;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 4px 13px rgba(37,93,158,.035)}.info-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:14px;font-size:27px;font-weight:800;box-shadow:0 5px 12px #225ab31a}.theory-icon{color:#0959e9;background:linear-gradient(135deg,#d8f0ff,#8bd9ff)}.tasks-icon{color:#6430e9;background:linear-gradient(135deg,#eedfff,#c7a3ff)}.level-icon{color:#fff;background:linear-gradient(135deg,#33e99d,#00b66d)}.informatics-info>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.informatics-info b{font-size:15px;color:#102b68}.informatics-info small{font-size:12px;color:#687c9e;line-height:1.25}.informatics-info em,.informatics-meta-card em{font-style:normal;margin-left:auto;color:#628cf0;font-size:24px;flex:0 0 auto}
.informatics-bottom-grid{position:relative;display:grid;grid-template-columns:minmax(1.5fr,2fr) minmax(180px,1fr) minmax(170px,.8fr);gap:10px;margin-top:12px}.informatics-progress-card,.informatics-meta-card{min-width:0;min-height:94px;padding:13px 15px;border:1px solid #dce8f8;border-radius:18px;background:rgba(255,255,255,.8);}.informatics-progress-title{display:flex;align-items:center;gap:9px;margin-bottom:9px}.progress-icon{width:35px;height:35px;flex-basis:35px;border-radius:12px;color:#0868ec;background:linear-gradient(135deg,#d9f3ff,#a4d9ff);font-size:22px}.informatics-progress-title b{font-size:14px;color:#16356e}.informatics-progress-title strong{margin-left:auto;font-size:22px;letter-spacing:-.7px;color:#0a235a}.informatics-track{height:12px;border-radius:20px;background:#dfeafa;overflow:hidden}.informatics-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#3564ff,#04d5ed);box-shadow:0 0 12px #14a8ff4a}.informatics-progress-card>small{display:block;margin-top:7px;color:#6d80a0;font-size:11px;line-height:1.35}.informatics-meta-card{display:flex;align-items:center;gap:10px}.meta-icon{color:#0758dc;background:linear-gradient(135deg,#e2efff,#c1d8ff)}.time-icon{color:#0758dc;background:linear-gradient(135deg,#e7f0ff,#d1e0ff)}.informatics-meta-card>span:nth-child(2){display:flex;flex-direction:column;gap:6px;min-width:0}.informatics-meta-card small{font-size:11px;color:#7586a2}.informatics-meta-card b{font-size:12px;line-height:1.35;color:#233d72}.informatics-featured .subject-button{position:relative;margin-top:12px;min-height:62px;height:auto;border-radius:17px;background:linear-gradient(105deg,#1767ff,#079dfb 52%,#3539f6);color:#fff;font-size:clamp(16px,1.8vw,25px);font-weight:800;letter-spacing:-.3px;box-shadow:0 8px 19px #126df42d;transition:transform .2s,box-shadow .2s}.informatics-featured .subject-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #126df43d}.informatics-featured .subject-button span{font-size:29px}.informatics-featured .subject-message{position:relative}
@media(max-width:1000px){.informatics-hero-row{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:20px}.informatics-note{display:none}.informatics-art{height:190px}.informatics-bottom-grid{grid-template-columns:1.4fr 1fr}.time-card{grid-column:2}.informatics-progress-card{grid-row:span 2}}
@media(max-width:650px){.informatics-featured{padding:14px;border-radius:18px}.informatics-hero-row{grid-template-columns:1fr;gap:7px}.informatics-art{height:160px;width:100%;max-width:280px;margin:0 auto}.informatics-copy h3{font-size:30px;letter-spacing:-1px}.informatics-copy h4{font-size:19px}.informatics-copy p{font-size:13px}.informatics-badges{gap:6px}.exam-badge,.popular-badge{font-size:10px;padding:7px 9px}.informatics-info-grid{gap:6px}.informatics-info{padding:9px 7px;min-height:93px;flex-direction:column;align-items:flex-start;gap:7px;border-radius:13px}.info-icon{width:36px;height:36px;flex-basis:36px;font-size:21px;border-radius:11px}.informatics-info b{font-size:12px}.informatics-info small{font-size:10px}.informatics-info em{display:none}.informatics-bottom-grid{grid-template-columns:1fr;gap:7px}.informatics-progress-card{grid-row:auto}.time-card{grid-column:auto}.informatics-meta-card{min-height:74px}.informatics-featured .subject-button{min-height:52px;font-size:17px}.informatics-featured .subject-button span{font-size:24px}}



.brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}

.brand-logo {
  display: block;
  width: 260px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Аккуратное размещение оригинального логотипа */
.brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 350px;
  width: 350px;
  height: 88px;
  min-width: 0;
  padding: 8px 14px;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  background: transparent;
  border: none;
  box-shadow: none;
  text-decoration: none;
}

.brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
}

.brand-logo {
  display: block;
  width: 280px;
  max-width: 100%;
  height: 76px;
  object-fit: contain;
  object-position: left center;
}


.brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  padding: 8px 14px;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  text-decoration: none;
}