:root{--navy:#1b2545;--text:#243056;--muted:#7b8499;--blue:#1a73e8;--blue-2:#2b8bff;--line:#e6ebf4;--bg:#f3f5f8;--card:#fff;--radius:28px;color:var(--text);background:var(--bg);font-family:Manrope,Segoe UI,sans-serif;font-weight:500;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(900px 520px at 8% -10%,#fff3cc 0%,#fff3cc00 58%),linear-gradient(#f7f8fb,#eef1f6)}button,input,select,a{font:inherit}h1,h2,h3{color:var(--navy);letter-spacing:-.03em;margin:0 0 10px;font-family:Nunito,Manrope,sans-serif}p{margin:0 0 12px}a{color:var(--blue);text-decoration:none}.brand{align-items:flex-end;gap:6px;display:inline-flex}.brand-letters{letter-spacing:-.02em;align-items:flex-end;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;line-height:.85;display:flex}.brand-compact .brand-letters{font-size:26px}.brand-tail{flex-direction:column;align-items:center;display:flex}.brand-school{color:#2f80ed;margin-bottom:2px;font-size:11px;line-height:1}.brand-owl{width:28px;height:28px;margin-bottom:2px}.logo-link{cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.login-page{min-height:100vh;padding:48px 24px 88px;position:relative;overflow:hidden}.login-glow{pointer-events:none;background:radial-gradient(700px 420px at 12% 8%,#ffecb3e6,#0000 60%);position:absolute;inset:0}.login-layout{grid-template-columns:minmax(320px,1fr) 440px;align-items:center;gap:28px;max-width:1120px;margin:0 auto;display:grid;position:relative}.login-left{min-height:560px;padding:24px 140px 24px 12px;position:relative}.login-left h1{max-width:420px;margin:22px 0 14px;font-size:40px;line-height:1.15}.lead{max-width:390px;color:var(--muted);font-size:15px}.feature-list{gap:10px;margin:0;padding:18px 0 8px;list-style:none;display:grid}.feature-list li{width:fit-content;color:var(--navy);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 10px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #243e6e0f}.feature-icon{place-items:center;width:28px;height:28px;display:grid}.feature-icon svg{width:22px;height:22px}.try-btn{color:#7b4adf;background:#f4ecff;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:12px 22px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #7b4adf1f}.gift{font-size:16px}.try-note{color:#9aa3b5;margin:10px 0 0;font-size:13px}.owl-wrap{pointer-events:none;width:250px;position:absolute;bottom:18px;right:-8px}.login-card{background:var(--card);border-radius:var(--radius);z-index:2;padding:36px 32px 28px;position:relative;box-shadow:0 24px 70px #2846781f}.login-card h2{text-align:center;font-size:28px}.card-sub{text-align:center;color:var(--muted);margin-bottom:18px;font-size:14px}.tabs{background:#f3f5f9;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:5px;display:grid}.tabs button{color:#98a1b3;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 8px;font-weight:700}.tabs button.active{color:var(--blue);background:#fff;box-shadow:0 6px 16px #18326414}.phone-form,.email-form{gap:8px;display:grid}label{color:var(--navy);gap:6px;font-size:14px;font-weight:700;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:12px 14px}input:focus,select:focus{border-color:#9ec2ff;box-shadow:0 0 0 4px #2b8bff1f}.max-note{color:#5b6278;background:#f4f1ff;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.max-logo{color:#fff;background:linear-gradient(#7a5cff,#5b3dff);border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.btn-primary{color:#fff;background:linear-gradient(180deg, var(--blue-2), var(--blue));cursor:pointer;text-align:center;border:0;border-radius:12px;padding:13px 18px;font-weight:800;box-shadow:0 10px 20px #1a73e840}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-ghost,.linkish{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.btn-ghost{border:1px solid var(--line);border-radius:12px;padding:12px 16px}.hint{color:#8b93a7;background:#f5f7fb;border-radius:10px;padding:10px 12px;font-size:13px}.email-links{justify-content:space-between;gap:12px;display:flex}.email-links button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.demo-hint,.form-info{color:#5d8a4c;font-size:13px}.form-error{color:#d64545;font-size:13px}.social-block{border-top:1px solid var(--line);text-align:center;margin-top:18px;padding-top:8px}.or{color:#8b93a7;margin:14px 0 10px}.yandex{color:#fff;cursor:pointer;background:#fc3f1d;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto;font-size:22px;font-weight:800;display:grid}.vk-caption{color:#9aa3b5;margin:12px 0 10px;font-size:12px}.vk-row{justify-content:center;gap:12px;display:flex}.soc{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:64px;height:44px;font-weight:800}.soc.vk{color:#2787f5}.soc.mail{color:#168de2;font-size:20px}.soc.ok{color:#ee8208}.legal{color:#8b93a7;margin-top:14px;font-size:12px;line-height:1.45}.max-toast{z-index:20;background:#fff;border-radius:18px;width:280px;padding:14px;position:fixed;bottom:92px;right:24px;box-shadow:0 18px 50px #2828502e}.max-toast-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.max-toast-head button{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px}.cookie-banner{border-top:1px solid var(--line);z-index:30;background:#fff;justify-content:center;align-items:center;gap:16px;padding:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-banner p{color:#6b7388;margin:0;font-size:14px}.btn-cookie{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:8px 16px;font-weight:800}.app-shell{min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffe6;align-items:center;gap:24px;padding:16px 28px;display:flex;position:sticky;top:0}.app-header nav{flex-wrap:wrap;gap:8px;margin-right:auto;display:flex}.app-header nav a{color:var(--text);border-radius:10px;padding:8px 12px;font-weight:700}.app-header nav a.active{color:var(--blue);background:#edf4ff}.header-user{align-items:center;gap:10px;display:flex}.header-user strong,.header-user .linkish{display:block}.avatar{color:#fff;cursor:pointer;background:linear-gradient(#7a5cff,#2f80ed);border:0;border-radius:50%;width:42px;height:42px;font-weight:800}.page{max-width:1120px;margin:0 auto;padding:28px 24px 80px}.page-hero{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#7b4adf;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.filters{grid-template-columns:2fr 1fr 1.2fr 1fr;gap:10px;margin-bottom:22px;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.material-card{color:inherit;background:#fff;border-radius:22px;gap:8px;min-height:210px;padding:18px;display:grid;box-shadow:0 12px 30px #28467814}.material-card h3{font-size:18px}.material-card p{color:var(--muted);font-size:14px}.card-top,.card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.type-pill,.grade-pill{background:#f4f6fb;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.card-meta{color:#7b8499;margin-top:auto;font-size:13px}.free{color:#219653;font-weight:800}.lock{color:#f2994a;font-weight:800}.empty{color:var(--muted)}.material-head,.material-actions{justify-content:space-between;align-items:start;gap:16px;display:flex}.back{margin-bottom:12px;display:inline-block}.panel{background:#fff;border-radius:22px;margin-top:16px;padding:22px;box-shadow:0 12px 30px #2846780f}.paywall{background:#fff8e8;border-radius:22px;margin-top:16px;padding:24px}.slide-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.slide-nav button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px}.slide{background:linear-gradient(#edf4ff,#fff);border-radius:18px;min-height:180px;padding:24px}.note{color:#7b4adf}.exercise{margin-bottom:16px}.options{gap:8px;display:grid}.options label{grid-template-columns:18px 1fr;align-items:center;font-weight:600}.files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.files li{background:#f5f7fb;border-radius:12px;justify-content:space-between;padding:10px 12px;display:flex}.grade-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.grade-card{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:18px;gap:6px;padding:18px;display:grid}.grade-card.on{border-color:var(--blue);box-shadow:0 10px 24px #1a73e81f}.pay-box,.form-grid{background:#fff;border-radius:22px;gap:12px;padding:22px;display:grid}.success{background:#eefbf1;border-radius:14px;gap:10px;padding:14px;display:grid}.public-header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.legal-page{max-width:760px}.score{margin-top:10px;font-weight:800}@media (width<=980px){.login-layout,.filters,.grade-grid,.page-hero,.material-head{grid-template-columns:1fr;display:grid}.login-left{min-height:0;padding:0 0 180px}.owl-wrap{width:180px;bottom:0;right:0}.app-header{flex-wrap:wrap}}@media (width<=640px){.login-card{padding:24px 18px}.login-left h1{font-size:30px}.cookie-banner{text-align:center;flex-direction:column}}