body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}main{flex:1}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-field label{color:var(--color-primary);font-size:13px;font-weight:700}.form-field input{letter-spacing:.02em;background:#fff;border:2px solid #025e7333;border-radius:10px;padding:12px 14px;font-size:18px}.form-field input:focus{border-color:var(--color-accent);outline:none}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;width:100%;padding:14px 18px;font-size:16px;font-weight:700;display:inline-block}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{width:100%;color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.error-box{color:#a12b2b;background:#fdecec;border:1px solid #e08a8a;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:14px}.nav-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.nav-grid a,.nav-grid span{text-align:center;color:var(--color-primary);border-top:4px solid var(--color-accent);background:#fff;border-radius:14px;padding:18px 14px;font-weight:700;text-decoration:none;display:block;box-shadow:0 1px 3px #025e731f}.section-title{color:var(--color-accent);letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:700}.roadmap-bar{background:#025e731f;border-radius:999px;height:10px;position:relative;overflow:hidden}.roadmap-bar-fill{background:var(--color-accent);height:100%}.roadmap-bar-marker{background:#333;width:2px;position:absolute;top:-3px;bottom:-3px}.status-dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.status-dot.green{background:#2e9e52}.status-dot.yellow{background:#f2a007}.status-dot.red{background:#d63b3b}.exam-countdown{color:var(--color-primary);font-size:28px;font-weight:700}.lesson-screen{opacity:1;flex-direction:column;justify-content:center;min-height:220px;transition:opacity .18s,transform .18s;display:flex;transform:translate(0)}.lesson-screen.is-out-forward{opacity:0;transform:translate(-16px)}.lesson-screen.is-out-backward{opacity:0;transform:translate(16px)}@keyframes lesson-mark-sweep{to{background-size:100% 42%}}.lesson-mark{background-image:linear-gradient(var(--color-highlight), var(--color-highlight));background-position:0 88%;background-repeat:no-repeat;background-size:0% 42%;font-weight:700;animation:.4s ease-out .25s forwards lesson-mark-sweep}.lesson-progress-dots{justify-content:center;gap:6px;margin:12px 0;display:flex}.lesson-progress-dots .dot{background:#025e7333;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.lesson-progress-dots .dot.revealed{background:var(--color-accent)}.lesson-progress-dots .dot.focused{background:var(--color-primary);transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.lesson-screen{transition:none!important}.lesson-mark{background-size:100% 42%;animation:none!important}}.achievement-banner{border:1px solid var(--color-highlight);color:#7a5a00;background:#fff8e6;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:700}