:root{--font-sans: "Sora", "Segoe UI", "Helvetica Neue", sans-serif;--font-display: "Sora", "Segoe UI", "Helvetica Neue", sans-serif;--primary-color: #1d4ed8;--primary-dark: #1e40af;--gradient-primary: linear-gradient(135deg, #1d4ed8, #0ea5e9);--text-main: #0f172a;--text-muted: #475569;--bg-card: #ffffff;--bg-soft: #f8fafc;--border-light: #e2e8f0;--radius-lg: 16px;--transition-fast: .2s ease;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08);--shadow-hover: 0 18px 45px rgba(15, 23, 42, .14)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-main);background:radial-gradient(1200px circle at 15% -10%,#eef2ff,#eef2ff00 55%),#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(29,78,216,.35);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cw-ad-slot{position:relative;overflow:hidden}.cw-ad-slot .adsbygoogle{width:100%}.cw-ad-slot-unfilled{margin:1rem auto;padding:.5rem .75rem;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;text-align:center;font-size:.82rem}.cw-ad-slot-unfilled.ad-slot,.cw-ad-slot-unfilled.footer-ad-slot{min-height:auto!important;box-shadow:none!important;display:block}.cw-ad-slot-unfilled.footer-ad-slot:hover,.cw-ad-slot-unfilled.footer-ad-slot:focus-within{transform:none!important}.cw-ad-slot-unfilled p{margin:0}.cw-house-ad{margin:1.25rem auto;padding:1rem 1.25rem;border:1px solid #e2e8f0;border-radius:10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);text-align:center;transition:box-shadow .2s ease,transform .2s ease}.cw-house-ad:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.cw-house-ad-content{display:flex;flex-direction:column;align-items:center;gap:.4rem}.cw-house-ad-badge{display:inline-block;padding:.15rem .6rem;border-radius:4px;background:#3b82f6;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cw-house-ad-title{margin:0;font-size:1rem;font-weight:700;color:#1e293b}.cw-house-ad-desc{margin:0;font-size:.85rem;color:#475569;max-width:480px;line-height:1.4}.cw-house-ad-link{display:inline-block;margin-top:.25rem;padding:.4rem 1.2rem;border-radius:6px;background:#2563eb;color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s ease}.cw-house-ad-link:hover{background:#1d4ed8;color:#fff}@media (prefers-color-scheme: dark){.cw-house-ad{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.cw-house-ad-title{color:#f1f5f9}.cw-house-ad-desc{color:#94a3b8}.cw-house-ad-link{background:#3b82f6}.cw-house-ad-link:hover{background:#2563eb}}:root{--primary-color: #1d4ed8;--primary-dark: #1e40af;--gradient-primary: linear-gradient(135deg, #1d4ed8, #0ea5e9);--text-main: #0f172a;--text-muted: #475569;--bg-card: #ffffff;--bg-soft: #f1f5f9;--border-light: #e2e8f0;--radius-lg: 16px;--transition-fast: .2s ease;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08);--shadow-hover: 0 18px 45px rgba(15, 23, 42, .16)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-page{min-height:100vh;background:radial-gradient(1200px circle at 15% -10%,#e2e8f0b3,#f8fafc00),linear-gradient(to bottom,#ffffff,var(--bg-soft));padding-top:1.25rem;padding-bottom:1.5rem}.home-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:var(--font-sans);color:var(--text-main);line-height:1.65}.home-header{text-align:center;padding:3rem 1.5rem;margin-top:1rem;margin-bottom:2.5rem;border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff,#eef2ff);box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,.2);animation:rise .6s ease both}.home-header h1{font-size:clamp(2.1rem,4vw,2.8rem);font-weight:800;margin-bottom:.75rem;color:var(--text-main);letter-spacing:-.02em}.home-title{font-size:clamp(2.1rem,4vw,2.6rem);font-weight:800;margin-bottom:.75rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{max-width:760px;margin:0 auto;font-size:1.12rem;color:var(--text-muted)}.hero-internal-text{margin-top:.9rem;font-size:1rem;color:var(--text-muted)}.section-title{text-align:center;font-size:clamp(1.55rem,3vw,1.9rem);font-weight:700;margin-bottom:1.2rem}.info-strip{background:var(--bg-card);border-radius:var(--radius-lg);padding:2.3rem 2rem;box-shadow:var(--shadow-soft);margin-bottom:2.2rem;animation:rise .7s ease both}.info-text{font-size:1rem;color:var(--text-muted);max-width:850px;margin:0 auto 1.5rem}.info-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.info-list li{background:var(--bg-soft);padding:.95rem 1rem .95rem 2.3rem;border-radius:8px;font-size:.95rem;position:relative}.info-list li:before{content:">";position:absolute;left:.9rem;top:.8rem;color:var(--primary-color);font-weight:700}.search-bar{max-width:640px;margin:0 auto 2rem;padding:.9rem 1rem;border:1px solid var(--border-light);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}.search-label{display:block;font-weight:600;margin-bottom:.45rem;color:#475569;font-size:.9rem}.search-bar input{width:100%;padding:.7rem .95rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#f8fafc;color:var(--text-main)}.search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff26}.home-container[aria-labelledby=start-practice]{padding-top:1.2rem;padding-bottom:.8rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.6rem 1.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast);animation:rise .5s ease both;height:100%}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.16s}.card:nth-child(6){animation-delay:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card-title{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;line-height:1.28;margin-bottom:.45rem;text-wrap:balance}.card-head{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.8rem}.card-head .card-title{margin:0}.card-stat{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;border-radius:999px;background:#eef2ff;color:#1e3a8a;text-transform:uppercase;letter-spacing:.04em}.card-desc{font-size:.95rem;line-height:1.55;color:var(--text-muted);margin-bottom:1.2rem;min-height:48px;max-width:31ch}.card-subjects{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:-.35rem 0 1rem}.card-subject-chip{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:.75rem;font-weight:600;line-height:1.1}.card-inline-links{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin:-.15rem 0 1rem}.card-inline-link{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .62rem;border-radius:999px;border:1px solid #cbd5e1;color:#0f172a;text-decoration:none;font-size:.76rem;font-weight:600;background:#fff}.card-inline-link:hover{border-color:#1d4ed8;color:#1d4ed8}.group-section{margin-bottom:2rem}.group-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.group-title{font-size:1.2rem;font-weight:700;margin:0 0 1rem;text-align:left;color:#0f172a}.group-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;border-radius:999px;background:#e2e8f0;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.group-desc{margin:-.4rem 0 1rem;color:#475569;font-size:.95rem}.sample-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.sample-item{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:.85rem .95rem;border-radius:12px;border:1px solid var(--border-light);background:#fff;color:var(--text-main);font-size:.95rem;box-shadow:0 6px 18px #0f172a0f}.sample-index{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.85rem;border-radius:999px;background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;font-size:.75rem;font-weight:700}.sample-content{min-width:0}.sample-line{margin:0;color:var(--text-main);line-height:1.5}.sample-line+.sample-line{margin-top:.25rem}.sample-line-hi{color:var(--text-muted)}.sample-list .math-fraction{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;line-height:1.02;margin:0 .1em;min-width:1.2em}.sample-list .math-fraction-num{display:block;padding:0 .18em;font-size:.95em}.sample-list .math-fraction-den{display:block;padding:.08em .18em 0;border-top:2px solid currentColor;font-size:.95em}.link-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.link-card{display:block;padding:1.2rem 1.1rem;border-radius:14px;border:1px solid var(--border-light);background:#fff;box-shadow:var(--shadow-soft);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.link-card h3{margin:0 0 .4rem;color:var(--text-main);font-size:1.05rem}.link-card p{margin:0;color:var(--text-muted);font-size:.95rem}.link-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tips-strip{margin-top:1rem;padding:1rem 1.2rem;border-radius:12px;border:1px solid var(--border-light);background:#fff;box-shadow:var(--shadow-soft)}.tips-strip h3{margin:0 0 .6rem;font-size:1rem;color:var(--text-main)}.tips-strip ul{margin:0;padding-left:1.1rem;color:var(--text-muted);display:grid;gap:.4rem;font-size:.95rem}.page-top{margin-top:2rem}.card-btn{display:inline-block;padding:.65rem 1.4rem;font-weight:600;border-radius:6px;background:var(--gradient-primary);color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 10px 20px #1d4ed833;margin-top:auto}.card-btn:hover{background:linear-gradient(135deg,var(--primary-dark),#007acc)}.section-actions{display:flex;justify-content:center;margin-top:1.9rem}.view-all-btn{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1.35rem;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;text-decoration:none;font-weight:700;font-size:.92rem;line-height:1}.view-all-btn:hover{border-color:#1d4ed8;background:#dbeafe;color:#1e40af}.ad-slot{margin:3rem auto;padding:1.5rem 0;min-height:90px;background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-soft);text-align:center}.no-data{text-align:center;font-size:1.05rem;color:#777;margin-top:2rem}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (max-width: 768px){.home-header{padding:2.4rem 1.25rem}.home-container{padding:1.5rem 1rem}.group-header{align-items:flex-start}.card-grid{gap:1.2rem}}@media (max-width: 480px){.home-header{padding:2rem 1rem}.home-subtitle{font-size:1rem}.search-bar{padding:.75rem .85rem}.search-bar input{font-size:.9rem}.card-grid,.link-grid{grid-template-columns:1fr}.card{padding:1.25rem 1rem}.card-btn{font-size:.95rem;padding:.55rem 1.15rem}}:root{--primary-color: #1d4ed8;--primary-dark: #1e40af;--bg-footer: #ffffff;--text-footer: #0f172a;--text-muted-footer: #64748b;--radius-lg: 12px;--transition-fast: .2s ease;--footer-border-color: #e2e8f0;--shadow-footer: 0 10px 30px rgba(15, 23, 42, .08);--footer-padding: 3rem 1rem 2rem 1rem}.footer{background:var(--bg-footer);color:var(--text-footer);padding:var(--footer-padding);border-top:1.5px solid var(--footer-border-color);font-family:var(--font-sans);font-size:1rem;line-height:1.6;-webkit-user-select:none;user-select:none}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;align-items:flex-start}.footer-section{flex:1 1 220px;min-width:200px}.footer-section.about p{color:var(--text-muted-footer);margin-top:.5rem;max-width:320px}.footer-section h2,.footer-section h3{font-weight:700;margin-bottom:1rem;font-size:1.25rem;color:var(--primary-color);letter-spacing:.02em;font-family:var(--font-display)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.7rem}.footer-section ul li a{color:var(--text-footer);text-decoration:none;font-weight:500;transition:color var(--transition-fast);font-size:1rem;outline-offset:2px}.footer-section ul li a:hover,.footer-section ul li a:focus-visible{color:var(--primary-dark);text-decoration:underline;cursor:pointer;outline:none}.footer-ad-slot{background:#f8fafc;min-height:120px;border-radius:var(--radius-lg);box-shadow:var(--shadow-footer);margin-top:.5rem;max-width:320px;transition:box-shadow var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.footer-ad-slot:hover,.footer-ad-slot:focus-within{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px);outline:none}.footer-disclaimer{font-size:.85rem;color:var(--text-muted-footer);text-align:center;margin:1rem 0;line-height:1.5}.footer-bottom{margin-top:1.5rem;text-align:center;color:var(--text-muted-footer);font-size:.9rem;border-top:1px solid var(--footer-border-color);padding-top:.8rem}.footer-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.meta-item{background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.view-all{color:var(--primary-color)!important;font-weight:600!important;font-size:.95rem!important}.view-all:hover{text-decoration:underline!important}.footer-bottom-content{max-width:800px;margin:0 auto}.footer-separator{margin:0 .75rem;color:#cbd5e1}.footer-credits{margin-top:.75rem;font-size:.85rem;color:#64748b;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.footer-container{flex-direction:column;gap:2rem;align-items:flex-start}.footer-ad-slot{max-width:100%}.footer-meta{gap:.5rem}.meta-item{font-size:.8rem;padding:.2rem .6rem}.footer-bottom p{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.footer-separator{display:none}}:root{--primary-color: #1d4ed8;--primary-dark: #1e40af;--text-main: #0f172a;--bg-navbar: rgba(255, 255, 255, .92);--shadow-navbar: 0 10px 30px rgba(15, 23, 42, .08);--transition-fast: .2s ease;--radius-lg: 12px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem;background:#fff;box-shadow:0 8px 22px #0f172a14;border-bottom:1px solid #e2e8f0;font-family:var(--font-sans);position:sticky;top:0;z-index:999;transition:background var(--transition-fast)}.logo a{font-size:1.6rem;font-weight:700;color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast);letter-spacing:.02em;font-family:var(--font-display)}.logo a:hover{color:var(--primary-dark)}.nav-links{display:flex;gap:1.75rem;transition:all var(--transition-fast)}.nav-links a{text-decoration:none;color:var(--text-main);font-weight:600;padding:.5rem 0;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:0;border-radius:8px;padding:.35rem}.hamburger .bar{height:3px;width:25px;background:var(--text-main);border-radius:2px;transition:all .3s}.hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo a:focus-visible,.nav-links a:focus-visible,.hamburger:focus-visible{outline:3px solid rgba(29,78,216,.35);outline-offset:2px;border-radius:8px}.hamburger.disabled,.hamburger:disabled{cursor:not-allowed;opacity:.55}@media (max-width: 768px){.nav-links{position:absolute;top:100%;right:0;background:var(--bg-navbar);flex-direction:column;width:220px;max-height:0;overflow:hidden;box-shadow:var(--shadow-navbar);border-radius:var(--radius-lg);transition:max-height .3s ease}.nav-links.open{max-height:500px;padding:1rem 0}.nav-links a{padding:.8rem 1rem}.hamburger{display:flex}}@media (max-width: 480px){.navbar{padding:.65rem 1rem}.logo a{font-size:1.35rem}.nav-links{left:0;right:0;width:100%;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.nav-links a{padding:.9rem 1.2rem}}.exit-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.exit-popup{background:#fff;padding:25px 30px;border-radius:var(--radius-lg);max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #00000040;animation:fadeIn .3s ease}.exit-popup h3{margin-bottom:15px;font-size:1.3rem;color:var(--text-main)}.exit-popup p{margin-bottom:20px;color:#555;font-size:1rem}.exit-popup .popup-actions{display:flex;justify-content:space-around;gap:10px}.exit-popup button{padding:8px 15px;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:500;transition:background-color .2s ease}.exit-popup button:first-child{background-color:#ccc;color:#333}.exit-popup button:first-child:hover{background-color:#aaa}.exit-popup button:last-child{background-color:var(--primary-color);color:#fff}.exit-popup button:last-child:hover{background-color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.consent-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:2000;background:#0f172a;color:#f8fafc;border-radius:12px;border:1px solid #1e293b;box-shadow:0 12px 30px #0f172a40;padding:.9rem 1rem}.consent-banner p{margin:0;font-size:.9rem;line-height:1.5}.consent-actions{margin-top:.7rem;display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.consent-btn{border:none;border-radius:8px;padding:.45rem .85rem;font-weight:600;cursor:pointer}.consent-btn.accept{background:#2563eb;color:#fff}.consent-btn.reject{background:#334155;color:#fff}.consent-link{color:#bfdbfe;font-size:.86rem;text-decoration:underline}@media (max-width: 640px){.consent-banner{left:.75rem;right:.75rem;bottom:.75rem}}.app-container{font-family:var(--font-sans)}.app-main{min-height:50vh}.skip-link{position:absolute;top:-80px;left:1rem;z-index:1100;background:#0f172a;color:#fff;padding:.65rem .85rem;border-radius:8px;font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus,.skip-link:focus-visible{top:1rem}.page-loading{min-height:40vh;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-muted);font-size:1rem}