:root{--navy:#102740;--blue:#245ac5;--paper:#f7f5ee;--radius:16px}.topbar{background:#102740}.hero h1,.learning-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.05em}.hero h1{font-size:clamp(2.8rem,4.5vw,4.5rem)}.hero h1 span{color:#245ac5}.hero{background:#f7f5ee}.hero-grid{gap:56px;padding-block:64px}.hero-copy>p{font-size:1.02rem}.hero-portrait{position:relative;max-width:540px;isolation:isolate;padding:22px 0 44px}.hero-portrait:before{content:'';position:absolute;inset:0 25px 25px -20px;border:1px solid #c6cfc7;border-radius:220px 220px 28px 28px;z-index:-1}.hero-portrait>img{width:100%;height:400px;object-fit:cover;object-position:right center;border-radius:190px 190px 22px 22px;box-shadow:0 18px 55px #10274012}.portrait-note{position:absolute;bottom:10px;left:-22px;background:#fff;border:1px solid #e1e4df;padding:19px 24px;border-radius:12px;box-shadow:0 15px 30px #1027400c;display:flex;gap:15px;align-items:center}.portrait-note b{font-family:Georgia,serif;font-size:1.65rem;color:#167454}.portrait-note span{font-size:.8rem;line-height:1.6}.hero-tag{position:absolute;right:-12px;top:62px;background:#fff5df;padding:12px 18px;border-radius:8px;font-size:.72rem;letter-spacing:.06em;color:#795123;transform:rotate(4deg)}.hero-kicker{display:flex;gap:16px;font-size:.75rem;color:#5b6f69;margin-top:25px}.class-card:hover,.board-card:hover{transform:translateY(-4px);box-shadow:0 16px 25px #1027400a}.class-card,.board-card{transition:transform .2s,box-shadow .2s}.learning-promo{background:#102740;border-radius:20px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;color:white}.learning-promo h2{font-family:Georgia,serif;font-weight:400}.learning-promo p{color:#c2d0df;margin:20px 0}.learning-promo .eyebrow{color:#d1ad76}.price-mini{display:flex;gap:24px;margin:28px 0}.price-mini b{font-size:1.55rem;font-weight:600}.price-mini small{display:block;font-size:.7rem;font-weight:400;color:inherit}.learning-space{background:#f7f5ee;min-height:65vh}.learning-heading{max-width:850px;margin-bottom:34px}.learning-heading h1{font-size:clamp(2.4rem,4vw,3.7rem);margin:14px 0}.learning-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.learning-panel{background:#102740;color:#fff;padding:40px;border-radius:18px}.learning-panel h2,.learning-panel h3{margin:18px 0;font-family:Georgia,serif;font-weight:400}.learning-panel p{color:#c3d0dd}.learning-panel .eyebrow{color:#dfbd88}.learning-panel .price-mini{flex-wrap:wrap}.learning-card{background:white;border:1px solid #dde2e3;border-radius:16px;padding:30px;margin-bottom:22px;box-shadow:0 8px 25px #10274004}.learning-card h3{margin-bottom:16px}.learning-card p{margin:14px 0}.learning-form{display:grid;gap:18px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:start;flex-wrap:wrap;font-weight:400;gap:8px}.checkbox-label input{flex:0 0 20px}.learning-form a{color:var(--blue)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:32px;display:flex;flex-direction:column}.price-card .eyebrow{margin-bottom:18px}.price{font-size:3rem;font-weight:600;letter-spacing:-.05em;margin:12px 0}.price small{font-size:.85rem;color:var(--muted);letter-spacing:0;font-weight:400}.price-card ul{list-style:none;padding:0;line-height:2.2;color:#526277}.price-card li:before{content:'✓';color:var(--green);margin-right:10px}.price-card form,.price-card>.btn{margin-top:auto}.price-card p{font-size:.8rem}.learning-intro{max-width:800px;margin-bottom:28px}.dashboard-top{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:42px}.dashboard-top h2{margin-top:12px}.dashboard-top .learning-panel{margin-bottom:22px}.quiz-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:#e9eef7;border:1px solid #d6dfef;border-radius:12px;margin:22px 0}.question-card{min-width:0}.question-card legend{font-size:.75rem;padding:0 10px;color:#5d6c83}.question-card h3{font-size:1.25rem;line-height:1.6;letter-spacing:-.02em}.quiz-option{display:flex;align-items:center;gap:15px;border:1px solid #dce1e6;border-radius:10px;padding:13px 16px;margin:10px 0;cursor:pointer}.quiz-option:has(input:checked){border-color:var(--blue);background:#eff4ff}.quiz-option input{width:19px;height:19px;min-height:19px;flex:0 0 19px;accent-color:var(--blue)}.quiz-option span{color:var(--ink)}.result-summary{display:flex;align-items:center;gap:40px;margin:35px 0 45px}.score-ring{width:205px;height:205px;flex-shrink:0;border:12px solid #bcd7c8;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff}.score-ring strong{font-size:2.5rem}.score-ring span{font-size:.8rem;color:var(--muted)}.result-summary p{margin:16px 0}.topic-result{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0}.topic-result progress{width:45%;accent-color:var(--green)}.history-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d8dfe3;padding:21px 0}.history-row span{color:var(--blue)}.catalogue-empty{padding:45px;border:1px dashed #c9d2dd;border-radius:16px;background:#fafbf9;text-align:center}.catalogue-empty h3{margin-bottom:12px}.admin-main form label{margin-bottom:14px}.admin-main form textarea{min-height:90px}.admin-main form input[type=checkbox]{width:20px}.admin-main .form-grid{gap:20px}
@media(max-width:1000px){.main-nav{gap:17px}.hero-grid{gap:30px}.hero-tag{right:0}.pricing-grid{grid-template-columns:1fr}.price-card ul{line-height:1.9}.learning-promo{gap:24px;padding:32px}}@media(max-width:760px){.learning-split,.dashboard-top,.learning-promo{grid-template-columns:1fr}.hero-portrait{margin:0 auto;max-width:450px;padding-top:0}.hero-portrait>img{height:340px}.hero-tag{top:35px}.portrait-note{left:0}.hero-grid{padding-block:35px;gap:45px}.learning-panel,.learning-card{padding:24px}.price-mini{gap:18px;flex-wrap:wrap}.result-summary{flex-direction:column;align-items:start;gap:24px}.quiz-bar,.history-row{flex-wrap:wrap}.learning-heading h1{font-size:2.5rem}.learning-space{padding-block:40px}.field-pair{gap:10px}.learning-promo{padding:28px}.hero-kicker{flex-wrap:wrap;gap:10px}.hero-portrait:before{left:-8px;right:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}