:root{color-scheme:dark;--bg:#0e1c22;--bg2:#12252d;--card:#182c34;--card2:#14242b;--line:#30444d;--text:#f5f8fa;--muted:#a9b5ba;--green:#58cc02;--cyan:#1cb0f6;--shadow:#081216}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(28,176,246,.09),transparent 28%),radial-gradient(circle at 90% 20%,rgba(88,204,2,.07),transparent 24%),var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.seo-header{position:sticky;top:0;z-index:20;background:rgba(14,28,34,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.seo-nav{max-width:1160px;margin:auto;height:72px;padding:0 22px;display:flex;align-items:center;gap:24px}.seo-brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:900;letter-spacing:-.7px}.seo-brand img{width:36px;height:36px;border-radius:12px;object-fit:cover}.seo-brand .dot{color:var(--green)}.seo-nav-links{display:flex;gap:4px;flex:1;justify-content:center}.seo-nav-links a{font-size:13px;font-weight:800;color:#bdc8cc;padding:9px 11px;border-radius:11px}.seo-nav-links a:hover{background:rgba(255,255,255,.06);color:#fff}.seo-app-btn,.seo-primary{background:var(--green);color:#10200c;font-weight:900;border-radius:14px;padding:11px 16px;box-shadow:0 4px 0 #3f9300}.seo-app-btn:active,.seo-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #3f9300}.seo-shell{max-width:1120px;margin:auto;padding:22px 22px 64px}.seo-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#87979e;margin:7px 0 18px}.seo-breadcrumb a:hover{color:#fff}.seo-breadcrumb strong{color:#c7d1d5}.seo-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#172b33,#122229);border-radius:30px;padding:38px 38px 34px;box-shadow:0 9px 0 var(--shadow),0 28px 50px rgba(0,0,0,.19)}.seo-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--page-accent),var(--page-accent2))}.seo-hero-glow{position:absolute;width:310px;height:310px;right:-100px;top:-130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--page-accent2) 24%, transparent),transparent 65%);pointer-events:none}.seo-kicker{position:relative;display:inline-flex;color:var(--page-accent);font-size:11px;letter-spacing:1.1px;font-weight:900;border-radius:999px;background:color-mix(in srgb,var(--page-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--page-accent) 23%,transparent);padding:7px 10px}.seo-hero h1{position:relative;font-size:clamp(32px,5vw,52px);line-height:1.04;letter-spacing:-1.6px;max-width:780px;margin:14px 0 13px}.seo-hero>p{position:relative;color:#bdc8cc;max-width:780px;font-size:16px;margin:0}.seo-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.seo-chips span{font-size:11px;font-weight:800;color:#d7e0e3;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:7px 10px}.seo-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.seo-primary{padding:12px 17px}.seo-secondary{padding:12px 17px;border-radius:14px;border:2px solid #354851;color:#dfe7ea;font-weight:900;background:#15262d;box-shadow:0 4px 0 #0b171c}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;margin-top:28px}.seo-article{display:flex;flex-direction:column;gap:16px}.seo-content-card,.seo-quiz{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.065);border-radius:24px;padding:24px 25px;box-shadow:0 6px 0 #0a161b}.seo-content-card h2,.seo-quiz h2{font-size:22px;line-height:1.2;margin:0 0 10px;letter-spacing:-.3px}.seo-content-card p,.seo-quiz p{color:#bcc7cb;margin:0}.seo-content-card a{color:var(--page-accent2);font-weight:800;text-decoration:underline;text-underline-offset:3px}.seo-aside{display:flex;flex-direction:column;gap:15px}.seo-toc,.seo-side-cta{position:sticky;top:92px;border:1px solid rgba(255,255,255,.065);border-radius:22px;background:#14262d;padding:17px;box-shadow:0 5px 0 #09151a}.seo-toc{display:flex;flex-direction:column;gap:5px}.seo-toc b{font-size:13px;margin:0 0 7px;color:#fff}.seo-toc a{padding:8px 9px;border-radius:10px;color:#aebdc2;font-size:12px;font-weight:800}.seo-toc a:hover{background:rgba(255,255,255,.055);color:#fff}.seo-side-cta{position:relative;top:auto;background:linear-gradient(145deg,color-mix(in srgb,var(--page-accent2) 16%,#14262d),#14262d)}.seo-side-cta span{font-size:28px}.seo-side-cta b{display:block;font-size:16px;margin-top:5px}.seo-side-cta p{font-size:12px;color:#adbac0}.seo-side-cta a{font-size:12px;font-weight:900;color:var(--page-accent)}.seo-table-wrap{overflow:auto;border-radius:20px;border:1px solid rgba(255,255,255,.07);box-shadow:0 5px 0 #09151a}.seo-table{width:100%;border-collapse:collapse;background:#14262d}.seo-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#c4d0d4}.seo-table tr:last-child td{border-bottom:0}.seo-table td:first-child{color:#fff;font-weight:900}.seo-quiz{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--page-accent) 10%,#172a32),#14252c)}.quiz-badge{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.9px;color:var(--page-accent);margin-bottom:6px}.seo-quiz details{min-width:190px;background:#0f2027;border:1px solid #33474f;border-radius:15px;padding:10px 12px}.seo-quiz summary{cursor:pointer;font-size:12px;font-weight:900}.seo-quiz details p{font-size:12px;margin-top:9px;color:#fff}.seo-related{margin-top:44px}.seo-section-heading span{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--page-accent)}.seo-section-heading h2{font-size:26px;margin:4px 0 15px}.seo-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.seo-related-card{min-height:155px;border-radius:21px;padding:17px;background:linear-gradient(155deg,#192e36,#13242b);border:1px solid rgba(255,255,255,.065);box-shadow:0 5px 0 #09151a;display:flex;flex-direction:column;transition:.16s}.seo-related-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--page-accent) 55%,#394d55)}.seo-related-card span{font-weight:900;font-size:16px}.seo-related-card small{display:block;color:#9fadb2;font-size:11px;line-height:1.4;margin:7px 0;flex:1}.seo-related-card b{font-size:11px;color:var(--page-accent)}.seo-footer{max-width:1120px;margin:0 auto 30px;border-top:1px solid rgba(255,255,255,.07);padding:28px 22px 10px;display:flex;justify-content:space-between;gap:30px;color:#93a2a8}.seo-footer-brand{font-size:22px;color:#fff;font-weight:900}.seo-footer p{font-size:12px;margin:3px 0}.seo-footer-links{display:flex;flex-wrap:wrap;gap:12px 18px;max-width:520px;justify-content:flex-end}.seo-footer-links a{font-size:12px;font-weight:800}.seo-footer-links a:hover{color:#fff}@media(max-width:820px){.seo-nav{height:64px;padding:0 14px}.seo-nav-links{display:none}.seo-brand{flex:1}.seo-app-btn{font-size:12px;padding:9px 12px}.seo-shell{padding:15px 14px 52px}.seo-hero{border-radius:24px;padding:28px 21px 25px}.seo-hero h1{font-size:34px;letter-spacing:-1px}.seo-hero>p{font-size:14px}.seo-layout{grid-template-columns:1fr}.seo-aside{display:none}.seo-related-grid{grid-template-columns:1fr 1fr}.seo-quiz{align-items:flex-start;flex-direction:column}.seo-quiz details{width:100%;min-width:0}.seo-footer{padding-left:14px;padding-right:14px;flex-direction:column}.seo-footer-links{justify-content:flex-start}}@media(max-width:480px){.seo-related-grid{grid-template-columns:1fr}.seo-content-card,.seo-quiz{padding:19px}.seo-hero-actions>a{width:100%;text-align:center}.seo-chips{gap:6px}.seo-breadcrumb{font-size:11px}.seo-table td{font-size:11px;padding:10px}}

/* V7.1 rehber hierarchy */
.hub-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hub-grid{grid-template-columns:1fr}}

/* V9 Slovra public tools */
.seo-tool-box{margin-top:16px;background:linear-gradient(180deg,#142a32,#102128);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:18px;box-shadow:0 6px 0 #09151a}.seo-tool-box label{display:block;font-size:12px;font-weight:900;margin:12px 0 6px}.seo-tool-input,.seo-tool-textarea,.seo-tool-select{width:100%;background:#0e2027;color:#fff;border:2px solid #334a54;border-bottom-width:4px;border-radius:14px;padding:11px 12px;font:inherit;font-weight:700}.seo-tool-textarea{min-height:110px;resize:vertical}.seo-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seo-tool-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.seo-tool-btn{border:0;border-radius:13px;background:var(--page-accent2);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--page-accent2) 65%,#000);padding:10px 13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.seo-tool-btn.alt{background:var(--page-accent);box-shadow:0 4px 0 color-mix(in srgb,var(--page-accent) 60%,#000)}.seo-tool-output{margin-top:12px;border-radius:16px;padding:14px;background:#0e2027;border:1px solid rgba(255,255,255,.06)}.seo-tool-output .result-main{font-size:20px;font-weight:900;word-break:break-word}.seo-tool-note{font-size:11px;color:#aab9be;margin-top:9px}.seo-verb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.seo-verb-block{border-radius:15px;background:#14262d;padding:12px}.seo-verb-block h3{font-size:12px;color:var(--page-accent2);margin:0 0 7px}.seo-verb-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.seo-verb-line:last-child{border-bottom:0}.seo-verb-line span{color:#9fb0b6}.seo-case-hit{border-radius:15px;padding:12px;background:#14262d;border-left:4px solid var(--page-accent2);margin-top:8px}.seo-case-hit b{font-size:12px}.seo-case-hit p{font-size:11px;color:#aebcc1;margin:4px 0}.seo-case-hit small{font-size:10px;color:var(--page-accent2)}.tool-hub-card b{color:var(--page-accent)}@media(max-width:640px){.seo-tool-row,.seo-verb-grid{grid-template-columns:1fr}}

/* V10 public interactive practice */
.public-test-box,.public-builder-box{margin-top:16px;background:#10242b;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:18px;box-shadow:0 6px 0 #09151a}.public-test-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.public-test-top span{font-size:10px;font-weight:900;color:var(--page-accent)}.public-test-track{height:8px;background:#08171c;border-radius:999px;overflow:hidden;margin:10px 0}.public-test-track i{display:block;height:100%;background:linear-gradient(90deg,var(--page-accent),var(--page-accent2))}.public-test-q{font-size:19px;font-weight:900;margin:10px 0}.public-test-options{display:grid;gap:8px}.public-test-options button,.public-builder-bank button,.public-builder-answer button{border:2px solid #324951;border-bottom-width:4px;border-radius:13px;background:#182b32;color:#fff;padding:10px 11px;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.public-test-options button.correct{border-color:#58cc02;background:rgba(88,204,2,.1)}.public-test-options button.wrong{border-color:#ff4b4b;background:rgba(255,75,75,.1)}.public-test-explain{margin-top:10px;font-size:11px;color:#bdc9cd}.public-test-next,.public-builder-check{margin-top:10px;border:0;border-radius:13px;background:var(--page-accent);color:#10200c;box-shadow:0 4px 0 color-mix(in srgb,var(--page-accent) 60%,#000);padding:10px 13px;font-weight:900;cursor:pointer}.public-result{padding:16px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--page-accent2) 12%,#14262d),#14262d)}.public-result h3{font-size:25px;margin:3px}.public-builder-answer{min-height:64px;border:2px dashed #354b54;border-radius:15px;padding:10px;display:flex;flex-wrap:wrap;gap:7px}.public-builder-bank{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.public-builder-answer button{background:var(--page-accent);color:#13200c}.public-builder-feedback{font-size:11px;color:#c6d1d5;margin-top:10px}.practice-card b{color:var(--page-accent)}

/* V12 public shadowing & listening demos */
.public-v12-box{margin-top:16px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,#142a32,#102128);padding:18px;box-shadow:0 6px 0 #09151a}.public-v12-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.public-v12-top span{font-size:10px;font-weight:900;letter-spacing:.8px;color:var(--page-accent)}.public-v12-top button{border:0;background:transparent;color:#9eb2b9;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.public-v12-ru{font-size:clamp(23px,4vw,31px);font-weight:900;text-align:center;line-height:1.2;margin:22px 5px 6px}.public-v12-tr{text-align:center;color:#9fb1b8;font-size:12px}.public-v12-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 10px}.public-v12-actions button{flex:1;min-width:120px;border:2px solid #31505c;border-bottom-width:4px;border-radius:13px;background:#17313b;color:#fff;padding:10px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.public-v12-actions button.primary{border-color:color-mix(in srgb,var(--page-accent2) 60%,#000);background:var(--page-accent2)}.public-v12-result,.public-v12-reveal{border-radius:14px;background:#0e2027;border:1px solid #2d434c;padding:11px 12px;color:#b7c5ca;font-size:11px}.public-v12-note{margin-top:9px;color:#879ba3;font-size:10px;line-height:1.45}.public-v12-listen-button{width:116px;height:116px;border:0;border-radius:50%;margin:14px auto;display:flex;align-items:center;justify-content:center;font-size:38px;background:radial-gradient(circle at 35% 25%,#42c6ff,var(--page-accent));box-shadow:0 7px 0 color-mix(in srgb,var(--page-accent) 62%,#000);cursor:pointer}.public-v12-options{display:grid;gap:8px}.public-v12-options button{border:2px solid #324951;border-bottom-width:4px;border-radius:13px;background:#182b32;color:#fff;padding:10px 11px;text-align:left;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.public-v12-options button.correct{border-color:#58cc02;background:rgba(88,204,2,.1)}.public-v12-options button.wrong{border-color:#ff4b4b;background:rgba(255,75,75,.1)}.public-v12-options button:disabled{opacity:1}.public-v12-next{width:100%;margin-top:10px;border:0;border-radius:13px;background:var(--page-accent2);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--page-accent2) 60%,#000);padding:10px;font-weight:900;cursor:pointer}.public-v12-finish{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px}.public-v12-finish b{font-size:18px}.public-v12-finish span{color:#a8b7bc}.public-v12-finish a{font-weight:900;color:var(--page-accent)}.seo-step-list{display:grid;gap:9px;margin-top:12px}.seo-step{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding:11px;border-radius:15px;background:#102128;border:1px solid rgba(255,255,255,.055)}.seo-step>span{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--page-accent) 14%,transparent);font-weight:900;color:var(--page-accent)}.seo-step b{display:block;font-size:12px}.seo-step small{display:block;color:#9eb0b6;font-size:10px;margin-top:2px}.seo-v12-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.seo-v12-grid>div{border-radius:16px;padding:13px;background:#102128;border:1px solid rgba(255,255,255,.055)}.seo-v12-grid b{font-size:12px}.seo-v12-grid p{font-size:10px!important;margin-top:4px!important}@media(max-width:560px){.public-v12-actions{flex-direction:column}.public-v12-actions button{width:100%}.seo-v12-grid{grid-template-columns:1fr}}

/* V15 public reading */
.public-reading-demo{display:flex;flex-direction:column;gap:10px}.public-reading-sentence{border:1px solid rgba(255,255,255,.07);background:#182930;border-radius:15px;padding:13px;cursor:pointer}.public-reading-sentence .ru{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;font-size:18px;font-weight:800;line-height:1.55}.public-reading-sentence .ru button{border:0;border-radius:9px;background:#243b45;color:#fff;padding:6px 8px;cursor:pointer}.public-reading-sentence .tr{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);color:#b9c9cf;font-size:13px;line-height:1.5}.public-reading-sentence .hint{font-size:9px;color:#6f858d;display:block;margin-top:7px}.public-reading-sentence.is-open{border-color:rgba(239,108,158,.28)}.reading-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reading-level-grid>a{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#182930;border-radius:16px;padding:15px;border:1px solid rgba(255,255,255,.05)}.reading-level-grid a b{font-size:17px}.reading-level-grid a small{color:#9fb1b8;line-height:1.5;margin-top:5px}.reading-level-grid a span{margin-top:10px;color:#ff9fc3;font-weight:900;font-size:11px}@media(max-width:680px){.reading-level-grid{grid-template-columns:1fr}}
/* V20 — araç sayfalarında form taşma koruması */
.seo-tool-box,.seo-tool-box *{box-sizing:border-box}.seo-tool-input,.seo-tool-textarea,.seo-tool-select{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}.seo-tool-textarea{overflow-x:hidden;white-space:pre-wrap;word-break:break-word}.seo-tool-output{max-width:100%;min-width:0;overflow:hidden;overflow-wrap:anywhere}