:root{--ink:#172b28;--muted:#63716d;--paper:#f7f4ed;--card:#fffdf8;--green:#1f705d;--lime:#dff56b;--orange:#f47e54;--line:#dcd9cf;--navy:#112e2b;--shadow:0 18px 50px rgba(24,43,40,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 40px));margin:auto}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:10px;font-family:Fraunces;font-size:21px}.streak{font-size:13px;border:1px solid var(--line);padding:7px 12px;border-radius:99px;background:#fff}.hero{padding:80px 0 70px;position:relative}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}h1,h2{font-family:Fraunces,serif;letter-spacing:-.035em}h1{font-size:clamp(48px,8vw,92px);line-height:.96;margin:22px 0 26px;max-width:950px}h1 em{color:var(--green);font-style:normal}.hero-copy{font-size:clamp(18px,2.5vw,22px);max-width:680px;color:var(--muted)}button{font:inherit;cursor:pointer}.hero-actions{display:flex;gap:12px;margin:34px 0}.primary,.ghost{border-radius:14px;padding:14px 20px;font-weight:700}.primary{background:var(--ink);color:white;border:1px solid var(--ink)}.primary span{margin-left:18px;color:var(--lime)}.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.progress-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;max-width:520px;box-shadow:var(--shadow)}.progress-head{display:flex;justify-content:space-between;font-size:14px}.progress-track{height:8px;background:#e8e5dc;border-radius:10px;margin:10px 0}.progress-track span{display:block;height:100%;width:0;background:var(--orange);border-radius:10px;transition:.4s}.progress-card p{font-size:13px;color:var(--muted);margin:0}.exam-strip{background:var(--ink);color:white}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;gap:30px}.exam-grid div{display:flex;flex-direction:column;gap:3px}.exam-grid strong{color:var(--lime)}.exam-grid span{font-size:13px;color:#c7d1ce}.section{padding:95px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2{font-size:clamp(34px,5vw,54px);line-height:1.06;margin:8px 0 0}.time-pill,.counter,.score-pill{border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:13px}.route-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.route-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;min-height:250px;display:flex;flex-direction:column}.route-card.accent{background:var(--lime)}.step{font-family:Fraunces;font-size:14px}.route-card div{margin:auto 0}.route-card h3{font-size:22px;line-height:1.15}.route-card p{color:var(--muted)}.mini{align-self:flex-start;background:var(--ink);color:white;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic{min-height:205px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:20px;display:flex;flex-direction:column;transition:.2s}.topic:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.topic .icon{font-size:25px}.topic h3{font-size:18px;margin:auto 0 6px}.topic p{font-size:13px;color:var(--muted);margin:0}.topic.done{border-color:var(--green)}.topic.done:after{content:'✓ Tamamlandı';color:var(--green);font-size:11px;font-weight:700;margin-top:10px}.lesson-panel{position:fixed;z-index:20;inset:0;background:rgba(9,25,23,.68);backdrop-filter:blur(6px);padding:20px;overflow:auto}.lesson-shell{position:relative;background:var(--paper);width:min(820px,100%);margin:30px auto;border-radius:24px;padding:clamp(24px,5vw,55px)}.close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:32px}.lesson-shell h2{font-size:42px;margin:10px 0}.lesson-shell h3{margin-top:30px}.lesson-shell .lesson-lead{font-size:19px;color:var(--muted)}.formula{background:var(--ink);color:white;border-radius:16px;padding:20px;margin:25px 0}.formula strong{color:var(--lime)}.quick-list{display:grid;gap:10px}.quick-list div{background:white;border:1px solid var(--line);border-radius:12px;padding:13px}.contrast{background:var(--navy);color:white}.light .kicker{color:var(--lime)}.contrast-intro{color:#bdcbc7;max-width:650px}.matrix{display:grid;grid-template-columns:150px 1fr 1fr;margin-top:35px;border-top:1px solid #37504c;border-left:1px solid #37504c}.matrix>*{border-right:1px solid #37504c;border-bottom:1px solid #37504c;min-height:80px}.matrix-axis{display:grid;place-items:center;text-align:center;padding:10px;font-size:12px;color:#b8c8c4}.matrix button{background:#173a35;color:white;border-top:0;border-left:0;text-align:left;padding:22px}.matrix button:hover{background:#205047}.matrix button strong,.matrix button span{display:block}.matrix button span{font-size:13px;color:#b9cbc6;margin-top:4px}.memory-line{display:flex;gap:14px;margin-top:24px;background:#173a35;border-radius:14px;padding:16px}.memory-line p{margin:0}.flash-shell{max-width:760px;margin:auto}.flashcard{display:block;width:100%;height:350px;border:0;background:transparent;perspective:1000px;position:relative}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;border:1px solid var(--line);border-radius:24px;background:var(--card);backface-visibility:hidden;transition:transform .55s;box-shadow:var(--shadow)}.card-face small{color:var(--green);letter-spacing:.15em;font-weight:700}.card-face strong{font-family:Fraunces;font-size:clamp(25px,4vw,38px);line-height:1.2;margin:22px 0;text-align:center}.card-face em{font-size:13px;color:var(--muted);font-style:normal}.back{background:var(--lime);transform:rotateY(180deg)}.flashcard.flipped .front{transform:rotateY(180deg)}.flashcard.flipped .back{transform:rotateY(360deg)}.card-controls{display:flex;justify-content:center;gap:10px;margin-top:18px}.card-controls button{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 16px}.card-controls .know.no{color:#a24935}.card-controls .know.yes{color:var(--green)}.quiz-section{background:#e9ece3}.quiz-wrap{max-width:850px}.quiz-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,45px);min-height:420px}.q-meta{font-size:12px;color:var(--green);font-weight:700}.q-text{font-size:21px;font-weight:600;margin:18px 0 25px}.options{display:grid;gap:9px}.option{border:1px solid var(--line);background:white;border-radius:12px;padding:13px 15px;text-align:left}.option:hover{border-color:var(--green)}.option.correct{background:#dff4df;border-color:#4d9a68}.option.wrong{background:#f9dcd4;border-color:#c76146}.option:disabled{cursor:default}.feedback{margin-top:18px;padding:14px;border-left:4px solid var(--orange);background:#faf1e8}.next-q{margin-top:18px}.result{text-align:center;padding:35px}.result strong{font-family:Fraunces;font-size:70px;color:var(--green)}.analysis-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:15px}.analysis-grid article,.analysis-grid aside{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.analysis-grid aside{background:var(--orange);color:#291b16}.year{font-size:11px;text-transform:uppercase;color:var(--green);font-weight:700}.analysis-grid h3{font-size:20px}.analysis-grid p{color:var(--muted)}.analysis-grid ol{padding-left:20px}.sources{border-top:1px solid var(--line)}.sources p{max-width:850px;color:var(--muted)}.source-links{display:flex;gap:12px;flex-wrap:wrap}.source-links a{color:var(--green);font-weight:700}.mobile-nav{display:none}footer{padding:30px 0;background:var(--ink);color:white}footer .wrap{display:flex;justify-content:space-between;color:#c7d1ce}footer strong{color:var(--lime)}@media(max-width:800px){body{padding-bottom:64px}.topbar{height:58px}.hero{padding:50px 0}.hero-actions{flex-direction:column}.exam-grid{grid-template-columns:1fr;gap:16px}.section{padding:65px 0}.route-grid,.analysis-grid{grid-template-columns:1fr}.route-card{min-height:200px}.map-grid{grid-template-columns:1fr 1fr}.matrix{grid-template-columns:85px 1fr 1fr}.matrix>*{min-height:95px}.matrix button{padding:12px;font-size:13px}.matrix-axis{font-size:10px}.mobile-nav{position:fixed;z-index:15;bottom:0;left:0;right:0;height:62px;background:rgba(255,253,248,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:space-around}.mobile-nav button{border:0;background:transparent;font-size:12px;font-weight:700;color:var(--ink)}footer{display:none}}@media(max-width:480px){.wrap,.topbar{width:min(100% - 28px,1120px)}h1{font-size:49px}.map-grid{grid-template-columns:1fr}.section-head{align-items:start}.section-head>.counter,.section-head>.score-pill{flex:none}.flashcard{height:390px}.card-face{padding:28px}.card-controls{gap:5px}.card-controls button{padding:9px 11px}.lesson-panel{padding:0}.lesson-shell{margin:0;min-height:100%;border-radius:0}.source-links{flex-direction:column}}