*{box-sizing:border-box}:root{--purple-900:#24064f;--purple-600:#6c34e0;--purple-100:#f1e8ff;--yellow:#ffd447;--cream:#fff7dc;--text:#24113f;--muted:#6b5e83;--border:#ead8ff;--shadow:0 18px 45px rgba(50,15,105,.18);--radius:26px}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,212,71,.45),transparent 28%),radial-gradient(circle at top right,rgba(108,52,224,.25),transparent 30%),linear-gradient(180deg,var(--cream),#fffaf0 45%,#f6ecff)}a{color:inherit}.hidden{display:none!important}.hero{min-height:620px;padding:24px 24px 90px;background:linear-gradient(135deg,rgba(36,6,79,.96),rgba(108,52,224,.92)),repeating-linear-gradient(45deg,rgba(255,212,71,.15) 0 20px,transparent 20px 40px);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;background:repeating-linear-gradient(45deg,var(--yellow) 0 18px,transparent 18px 36px);border-radius:36px;opacity:.18;transform:rotate(15deg)}.nav{width:min(1180px,100%);margin:0 auto;display:flex;justify-content:space-between;gap:16px;align-items:center;position:relative;z-index:2}.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900}.logo-icon{width:52px;height:52px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.28);border-radius:16px;font-size:30px}.teacher-area{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.teacher-status{display:none;padding:10px 14px;border-radius:999px;background:#e7fff1;color:#167146;font-weight:800}body.teacher-mode .teacher-status{display:inline-flex}.hero-inner{width:min(1180px,100%);margin:58px auto 0;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;position:relative;z-index:2}.tag{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,212,71,.18);border:1px solid rgba(255,212,71,.6);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px}h1{margin:18px 0;font-size:clamp(44px,8vw,92px);line-height:.95;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 6px 0 rgba(0,0,0,.22)}h1 span{color:var(--yellow)}.hero-text p{max-width:700px;margin:0;font-size:21px;line-height:1.55;color:#f5ebff}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;margin-bottom:18px}.btn{border:0;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 18px;border-radius:16px;font-weight:900;font-size:15px;transition:.18s ease;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:linear-gradient(180deg,#ffe671,var(--yellow));color:var(--purple-900);box-shadow:0 8px 0 #c88b12}.btn-light{background:#fff;color:var(--purple-900);border:2px solid var(--border);box-shadow:0 7px 0 rgba(36,6,79,.12)}.btn-glass{background:rgba(255,255,255,.14);color:#fff;border:2px solid rgba(255,255,255,.25)}.hero-visual{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:18px}.pixel-card{min-height:145px;border-radius:28px;background:rgba(255,255,255,.14);border:3px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:64px;box-shadow:0 18px 34px rgba(0,0,0,.22);backdrop-filter:blur(8px)}.pixel-card.big{grid-row:span 2;min-height:308px;font-size:96px;background:rgba(255,212,71,.18)}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:44px 0 64px}.intro{margin-top:0;position:relative;z-index:3;background:linear-gradient(135deg,#fff8cf,#f4e8ff);border:3px solid var(--yellow);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.intro h2,.section-head h2{margin:0 0 10px;font-size:34px;color:var(--purple-900)}.intro p,.section-head p{margin:0;color:var(--muted);line-height:1.55;font-size:17px}.intro-stickers{display:grid;grid-template-columns:repeat(2,60px);gap:10px}.intro-stickers span{height:60px;display:grid;place-items:center;background:#fff;border:2px solid var(--border);border-radius:18px;font-size:30px}.program{margin-top:42px}.section-head{margin-bottom:20px}.small-title{text-transform:uppercase;color:var(--purple-600)!important;font-size:13px!important;font-weight:900;letter-spacing:.08em}.days{display:grid;gap:24px}.day-card{background:#fff;border:3px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 0 rgba(108,52,224,.08),var(--shadow)}.day-banner{min-height:120px;padding:24px;color:#fff;background:linear-gradient(135deg,var(--purple-900),var(--purple-600));position:relative}.day-banner:after{content:attr(data-icon);position:absolute;right:28px;top:14px;font-size:76px;opacity:.26}.badge{display:inline-flex;margin-bottom:10px;padding:8px 12px;border-radius:999px;background:var(--yellow);color:var(--purple-900);font-weight:900;font-size:13px}.day-banner h3{margin:0;font-size:28px;letter-spacing:-.03em;position:relative;z-index:2}.lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:3px solid var(--yellow)}.lesson{padding:24px;background:linear-gradient(180deg,#fff,#fffaf0);border-right:2px solid var(--border)}.lesson:nth-child(2n){border-right:0}.lesson-label{color:var(--purple-600);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.lesson h4{margin:0 0 10px;font-size:23px;line-height:1.2;color:var(--text)}.lesson p{margin:0;line-height:1.55;color:var(--muted)}.lesson-links{display:grid;gap:9px;margin-top:16px}.lesson-links .btn{width:100%}.test-box{margin-top:14px;padding:14px;border-radius:18px;background:#fff4bf;border:2px solid #ffe07c}.test-box strong{display:block;margin-bottom:6px;color:var(--purple-900)}.test-box p{font-size:15px;margin-bottom:12px}.teacher-panel{display:none;margin-top:14px;padding:16px;border-radius:18px;background:var(--purple-100);border:2px dashed #b78cff}body.teacher-mode .teacher-panel{display:block}.teacher-panel h5{margin:0 0 10px;color:var(--purple-900);font-size:16px}.teacher-panel ul{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.6}.login-dialog{border:0;border-radius:26px;padding:0;width:min(430px,calc(100% - 32px));box-shadow:var(--shadow)}.login-dialog::backdrop{background:rgba(36,6,79,.6)}.login-box{padding:26px;background:#fff;border:3px solid var(--yellow);border-radius:26px}.login-box h2{margin:0 0 8px;color:var(--purple-900)}.login-box p{margin:0 0 12px;color:var(--muted)}label{display:block;margin:14px 0 7px;font-weight:900}input{width:100%;border:2px solid var(--border);border-radius:14px;padding:13px 14px;font-size:16px;outline:none}input:focus{border-color:var(--purple-600);box-shadow:0 0 0 4px rgba(108,52,224,.12)}.error{margin-top:12px;color:#c72f2f;font-weight:900}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}footer{text-align:center;padding:28px 16px 44px;color:var(--muted)}@media(max-width:900px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;margin-top:54px}.hero-visual{grid-template-columns:repeat(4,1fr)}.pixel-card,.pixel-card.big{min-height:95px;font-size:42px;grid-row:auto}.lessons{grid-template-columns:1fr}.lesson{border-right:0;border-bottom:2px solid var(--border)}.lesson:last-child{border-bottom:0}.intro{grid-template-columns:1fr}.intro-stickers{grid-template-columns:repeat(4,60px)}}@media(max-width:620px){.hero{padding:16px 16px 56px;min-height:auto}.nav{align-items:flex-start;flex-direction:column}.teacher-area{justify-content:flex-start}.hero-inner{margin-top:36px}h1{font-size:46px}.hero-text p{font-size:18px}.hero-visual{grid-template-columns:repeat(2,1fr)}}