*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--bg2: #161b22;--bg3: #1c2230;--border: rgba(255,255,255,.07);--text: #e6edf3;--text2: #8b949e;--accent: #2dd4bf;--accent2: #38bdf8}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}.accent{color:var(--accent)}.container{max-width:1060px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:100;background:#0d1117e6;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1060px;margin:0 auto;padding:0 24px;height:58px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:1.15rem}.nav-btn{font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none;padding:7px 16px;border:1px solid rgba(45,212,191,.35);border-radius:8px;transition:background .18s}.nav-btn:hover{background:#2dd4bf1a}.hero{max-width:780px;margin:0 auto;padding:90px 24px 80px;text-align:center}.hero-pill{display:inline-block;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#2dd4bf1a;border:1px solid rgba(45,212,191,.25);padding:5px 14px;border-radius:100px;margin-bottom:28px}.hero h1{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;margin-bottom:22px}.accent-text{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.08rem;color:var(--text2);max-width:560px;margin:0 auto 32px;line-height:1.7}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.btn-main{display:inline-block;background:var(--accent);color:#0d1117;text-decoration:none;padding:13px 26px;border-radius:10px;font-weight:700;font-size:.97rem;border:none;cursor:pointer;font-family:inherit;transition:opacity .18s,transform .15s}.btn-main:hover{opacity:.88;transform:translateY(-1px)}.btn-link{color:var(--text2);text-decoration:none;padding:13px 20px;font-size:.95rem;font-weight:500;transition:color .18s}.btn-link:hover{color:var(--text)}.hero-foot{font-size:.8rem;color:var(--text2)}.why{border-top:1px solid var(--border);padding:72px 24px;background:var(--bg2)}.why-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:12px}.why h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;line-height:1.2}.why-text{color:var(--text2);font-size:1rem;max-width:620px;line-height:1.7}.ex-section{padding:80px 24px}.ex-section h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:36px;line-height:1.2}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.ex-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px;transition:border-color .18s,transform .18s}.ex-card:hover{border-color:#2dd4bf4d;transform:translateY(-2px)}.ex-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ex-emoji{font-size:1.3rem}.ex-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);background:#2dd4bf1a;padding:2px 9px;border-radius:100px}.ex-dur{font-size:.75rem;color:var(--text2);margin-left:auto}.ex-card h3{font-size:1.08rem;font-weight:700;margin-bottom:8px}.ex-card p{font-size:.86rem;color:var(--text2);line-height:1.6}.modal-overlay{display:none;position:fixed;inset:0;z-index:1000;background:#000000bf;backdrop-filter:blur(8px);align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:36px 32px;max-width:420px;width:calc(100% - 40px);animation:pop .2s ease}@keyframes pop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.progress{height:3px;background:var(--bg3);border-radius:2px;margin-bottom:10px;overflow:hidden}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;transition:width .35s ease}.step-label{font-size:.7rem;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.modal-box h2{font-size:1.3rem;font-weight:800;margin-bottom:18px;letter-spacing:-.02em}.modal-sub{color:var(--text2);font-size:.9rem;line-height:1.6;margin-bottom:14px}.result-icon{font-size:2.4rem;margin-bottom:12px}.quiz-opts{display:flex;flex-direction:column;gap:9px}.quiz-opt{background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:12px 15px;color:var(--text);font-size:.88rem;font-family:inherit;text-align:left;cursor:pointer;line-height:1.4;transition:border-color .15s,background .15s}.quiz-opt:hover{border-color:var(--accent);background:#2dd4bf0f}.result-exs{display:flex;flex-direction:column;gap:8px}.r-ex{background:#2dd4bf12;border:1px solid rgba(45,212,191,.18);border-radius:8px;padding:9px 13px;font-size:.86rem;color:var(--text)}footer{border-top:1px solid var(--border);padding:24px;text-align:center}