/* A warmer, more distinctive layer over the original AKСИО design. No images or web fonts. */
body{background:#fcfbf6}
header{background:#fcfbf6ee}
.header-cta{background:#e5efc2;border-color:#cbd9a6;font-weight:700}
.header-cta:hover{background:#d5e6a7}
h1{font-weight:830;letter-spacing:-.055em}
body[data-page=home] .hero{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1.08fr .92fr;margin:18px -18px 0;padding:60px 36px 72px;border-radius:30px;background:radial-gradient(circle at 75% 12%,#e6f5b9 0,transparent 38%),linear-gradient(128deg,#eef3df 0%,#fbf3df 65%,#f4efe6 100%)}
body[data-page=home] .hero::before{content:"";position:absolute;width:360px;height:360px;right:-100px;top:-160px;border:1px solid #acc77a;border-radius:50%;opacity:.55;z-index:-1}
body[data-page=home] .hero::after{content:"✦";position:absolute;right:34%;bottom:14px;font-size:34px;color:#b5c879;transform:rotate(15deg);z-index:-1}
body[data-page=home] .hero-copy{position:relative;z-index:1}
body[data-page=home] h1{max-width:720px;font-size:clamp(45px,4.8vw,72px);line-height:1.02;margin:22px 0}
body[data-page=home] .intro{font-size:19px;color:#465043}
body[data-page=home] .hero .button{background:#273d2f;box-shadow:0 7px 0 #bdcc9d;transition:transform .18s,box-shadow .18s}
body[data-page=home] .hero .button:hover{background:#193522;transform:translateY(3px);box-shadow:0 4px 0 #bdcc9d}
.hero-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-shortcuts a{display:inline-flex;align-items:center;border:1px solid #bccca2;border-radius:999px;padding:9px 14px;background:#ffffffa6;color:#263727;text-decoration:none;font-size:13px;font-weight:700}
.hero-shortcuts a:hover{background:white}
body[data-page=home] .demo{background:#26362d;color:#fffdf6;border-color:#26362d;box-shadow:0 22px 55px #1d34232b;transform:rotate(2deg)}
body[data-page=home] .demo-logo{background:#ddecaf;color:#223326}
body[data-page=home] .demo-top small,body[data-page=home] .demo-bottom,body[data-page=home] .caption{color:#d2dccd}
body[data-page=home] .demo-tag{border-color:#9cac99}
body[data-page=home] .question{background:#ddecaf;color:#26362d}
body[data-page=home] .answer{color:#26362d}
body[data-page=home] .trust{margin-top:30px}
.card{background:#fffefa;min-height:215px;transition:transform .18s,background .18s,box-shadow .18s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #26362d12}
.card:nth-child(3),.card:nth-child(4){background:#ecf4d5;border-color:#c8d7a4}
.benefits>h2{font-size:clamp(30px,3.3vw,46px);max-width:760px}
.benefit-grid article{position:relative;overflow:hidden;min-height:240px;background:#f4f1e6}
.benefit-grid article:nth-child(2){background:#eaf1dd}
.benefit-grid article:nth-child(3){background:#eef0e8}
.benefit-grid article>span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#dce9a7;color:#263a25}
.benefit-grid h3{margin-top:19px}
.pricing{padding:42px;border-radius:28px;background:#f0f3e7}
.price-card{background:#fffefa;border-color:#dddccd;box-shadow:0 12px 30px #2d3a2610}
.price-card.featured{background:#dce9a7;border-color:#c5d495;transform:translateY(-5px)}
.price-card.featured .plan-name{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:999px;background:#f8fbeb}
.plan-price{letter-spacing:-.06em}
.price-card li::marker{color:#6b8a32}
.pricing-note{line-height:1.5}
.exam-hub{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:76px 0 50px;padding:42px;border-radius:28px;background:#25392d;color:#fffdf5}
.exam-hub h2{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:14px 0}
.exam-hub p:not(.eyebrow){color:#dce5d5;font-size:15px;max-width:520px}
.exam-hub .eyebrow{color:#d9eeaa}
.exam-source{font-size:13px;color:#d9eeaa;font-weight:700}
.subject-links{display:grid;gap:12px}
.subject-links a{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:16px;background:#f7f8ed;color:#233629;text-decoration:none;transition:transform .18s}
.subject-links a:hover{transform:translateY(-3px);color:#233629}
.subject-links strong{font-size:19px}
.subject-links span{font-size:13px;color:#5f6858}
.closing{background:#25392d;color:#fffdf5}
.closing .button{background:#dce9a7;color:#213629}
.closing .button:hover{background:#eff7d2;color:#213629}
.closing .share{color:#dce9a7}
@media(max-width:1000px){body[data-page=home] .hero{gap:26px}body[data-page=home] h1{font-size:clamp(40px,5vw,58px)}}
@media(max-width:700px){body[data-page=home] .hero{display:grid;grid-template-columns:1fr;margin:14px 0 0;padding:30px 22px 35px;border-radius:22px;gap:30px}body[data-page=home] h1{font-size:clamp(39px,10vw,54px);letter-spacing:-.05em}body[data-page=home] .intro{font-size:16px}body[data-page=home] .demo{transform:none;padding:18px}body[data-page=home] .hero::after{display:none}.hero-shortcuts{display:grid;grid-template-columns:1fr 1fr}.hero-shortcuts a{justify-content:center;text-align:center;font-size:11px;padding:9px 6px}.card{min-height:auto}.benefit-grid article{min-height:auto}.pricing{padding:22px 17px;border-radius:20px}.price-card.featured{transform:none}.exam-hub{grid-template-columns:1fr;gap:22px;margin:42px 0 32px;padding:26px 20px;border-radius:20px}.exam-hub h2{font-size:31px}.subject-links a{padding:18px}.closing{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.card,.subject-links a,body[data-page=home] .hero .button{transition:none!important}}

/* Exam entry accents, kept light for mobile and search crawlers. */
body[data-page=oge] .hero,body[data-page=ege] .hero{margin:18px -18px 0;padding:48px 36px 60px;border-radius:28px;overflow:hidden}
body[data-page=oge] .hero{background:linear-gradient(135deg,#edf4d9 0%,#faf6e8 100%)}
body[data-page=ege] .hero{background:linear-gradient(135deg,#eef2df 0%,#f8efdf 100%)}
body[data-page=ogeru] .hero,body[data-page=egemath] .hero,body[data-page=egeru] .hero{border-radius:24px;background:#f5f5e9;margin:18px -12px 0;padding:42px 30px}
body[data-page=oge] .hero .button,body[data-page=ege] .hero .button{background:#273d2f}
body[data-page=oge] .hero .button:hover,body[data-page=ege] .hero .button:hover{background:#193522}
body[data-page=oge] .hero-shortcuts a,body[data-page=ege] .hero-shortcuts a{background:#fffdf8d9}
@media(max-width:700px){body[data-page=oge] .hero,body[data-page=ege] .hero,body[data-page=ogeru] .hero,body[data-page=egemath] .hero,body[data-page=egeru] .hero{margin:12px 0 0;padding:30px 20px;border-radius:20px}body[data-page=oge] .hero-shortcuts,body[data-page=ege] .hero-shortcuts{grid-template-columns:1fr 1fr}}

/* Native self-check card: helpful content stays in HTML and needs no JavaScript. */
.quick-check{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch;margin:70px 0 48px;padding:30px;border-radius:27px;background:linear-gradient(135deg,#f7f0df,#e9efdd);border:1px solid #e3dfcf}
.quick-check>div:first-child{padding:16px 10px}
.quick-check h2{font-size:clamp(30px,3.3vw,44px);line-height:1.12;margin:18px 0 26px;max-width:610px}
.check-question{font-size:clamp(21px,2.3vw,29px);font-weight:730;line-height:1.35;max-width:580px}
.quick-check .check-hint{font-size:14px;color:#596553;max-width:560px}
.check-answer{background:#25392d;color:#fffdf5;border-radius:19px;padding:28px;display:flex;flex-direction:column}
.check-answer>span{color:#dce9a7;font-size:29px;line-height:1}
.check-answer h3{font-size:25px;margin:22px 0 5px}
.check-answer>p{color:#d6dfd0;font-size:14px;margin:0 0 22px}
.check-answer details{background:#eef5d5;color:#223426;border-radius:11px;margin-top:auto}
.check-answer summary{cursor:pointer;list-style:none;padding:13px 16px;font-size:14px;font-weight:750}
.check-answer summary::-webkit-details-marker{display:none}
.check-answer summary span{float:right}
.check-answer details[open] summary{border-bottom:1px solid #c5d6a0}
.check-answer details p{font-size:14px;line-height:1.6;padding:0 16px 16px;margin:14px 0 0}
.check-answer>a{display:inline-block;margin-top:20px;color:#e4f2bc;font-size:13px;font-weight:700}
@media(max-width:700px){.quick-check{grid-template-columns:1fr;margin:40px 0 28px;padding:18px;gap:12px;border-radius:20px}.quick-check>div:first-child{padding:9px 5px}.quick-check h2{font-size:31px;margin:12px 0 20px}.check-question{font-size:21px}.check-answer{padding:22px}}