:root{--sv2-bg:#fff;--sv2-soft:#f7f9fc;--sv2-panel:#fff;--sv2-text:#121827;--sv2-muted:#647084;--sv2-line:#dfe5ee;--sv2-blue:#2d74ff;--sv2-violet:#7c3aed;--sv2-green:#1aa56f;--sv2-orange:#f59e0b;--sv2-shadow:0 10px 30px #18274b0f}html[data-theme=dark]{--sv2-bg:#07101f;--sv2-soft:#0b1525;--sv2-panel:#0f1a2c;--sv2-text:#f7f9fc;--sv2-muted:#a9b5c7;--sv2-line:#24344c;--sv2-shadow:0 16px 40px #00000047}.sv2-sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.sv2-hero,.sv2-section{background:var(--sv2-bg);color:var(--sv2-text)}.sv2-hero{padding:42px 0 24px}.sv2-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:center;gap:68px;display:grid}.sv2-badge{color:#2563eb;background:#f7faff;border:1px solid #d9e5ff;border-radius:999px;align-items:center;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.sv2-hero h1{letter-spacing:-.06em;color:var(--sv2-text);margin:14px 0;font-size:clamp(52px,6vw,82px);line-height:.95}.sv2-hero h1 span{background:linear-gradient(90deg,var(--sv2-blue),var(--sv2-violet));color:#0000;-webkit-background-clip:text;background-clip:text}.sv2-hero-copy>p{max-width:630px;color:var(--sv2-muted);margin:0;font-size:18px;line-height:1.55}.sv2-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.sv2-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:800;transition:all .16s;display:inline-flex}.sv2-button-primary{background:linear-gradient(100deg,var(--sv2-blue),var(--sv2-violet));color:#fff;box-shadow:0 8px 20px #4e4eff29}.sv2-button-secondary{background:var(--sv2-panel);border-color:var(--sv2-line);color:var(--sv2-text)}.sv2-button:hover{transform:translateY(-1px)}.sv2-button-small{min-height:38px;padding:0 14px;font-size:13px}.sv2-hero-tools{gap:28px;display:grid}.sv2-search{border:1px solid var(--sv2-line);background:var(--sv2-panel);box-shadow:var(--sv2-shadow);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;display:grid}.sv2-search>span{color:var(--sv2-muted);font-size:22px}.sv2-search input{color:var(--sv2-text);font:inherit;background:0 0;border:0;outline:0;min-width:0;padding:8px 0}.sv2-search input::placeholder{color:#8b95a4}.sv2-search kbd{background:var(--sv2-soft);color:var(--sv2-muted);font:inherit;border:0;border-radius:8px;padding:7px 9px;font-size:12px}.sv2-stats{grid-template-columns:repeat(4,1fr);gap:0;margin:0;display:grid}.sv2-stats div{border-left:1px solid var(--sv2-line);padding:0 18px}.sv2-stats div:first-child{border-left:0;padding-left:0}.sv2-stats dt{letter-spacing:-.03em;font-size:22px;font-weight:900}.sv2-stats dd{color:var(--sv2-muted);margin:2px 0 0;font-size:11px}.sv2-section{padding:24px 0}.sv2-section-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.sv2-section-bar h2{margin:0;font-size:18px}.sv2-section-bar a,.sv2-preview-footer a{color:var(--sv2-blue);font-size:13px;font-weight:800}.sv2-tutorial-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sv2-tutorial-card{border:1px solid var(--sv2-line);background:var(--sv2-panel);border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:9px 12px;min-height:144px;padding:16px;display:grid;box-shadow:0 4px 14px #14233c06}.sv2-tutorial-card.featured{box-shadow:0 0 0 1px #3b82f626,var(--sv2-shadow);border-color:#3b82f6}.sv2-tech-icon{background:#edf4ff;border-radius:12px;grid-row:1/4;place-items:center;width:46px;height:46px;font-size:15px;font-weight:900;display:grid}.sv2-tech-icon.python{font-size:25px}.sv2-tech-icon.sql{color:#fff;background:#1677ea}.sv2-tech-icon.aws{color:#fff;background:#f59e0b}.sv2-tech-icon.system-design{color:#4f46e5;background:#eef2ff}.sv2-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.sv2-card-title strong{font-size:17px}.sv2-card-title span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}.sv2-tutorial-card small{color:var(--sv2-muted);font-size:11px}.sv2-tutorial-card small i{background:var(--sv2-green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.sv2-tutorial-card p{color:var(--sv2-muted);margin:0;font-size:12px}.sv2-preview-section{padding-top:10px}.sv2-python-preview{border:1px solid var(--sv2-line);background:var(--sv2-panel);box-shadow:var(--sv2-shadow);border-radius:17px;grid-template-columns:310px minmax(0,1fr);display:grid;overflow:hidden}.sv2-python-groups{border-right:1px solid var(--sv2-line)}.sv2-preview-heading{border-bottom:1px solid var(--sv2-line);align-items:baseline;gap:7px;padding:14px 16px;display:flex}.sv2-preview-heading strong{font-size:15px}.sv2-preview-heading span{color:var(--sv2-muted);font-size:12px}.sv2-python-groups nav{padding:8px}.sv2-python-groups nav a{color:var(--sv2-muted);border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 10px;font-size:12px;display:grid}.sv2-python-groups nav a strong{font-weight:700}.sv2-python-groups nav a small{border:1px solid var(--sv2-line);border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.sv2-python-groups nav a.active{color:#2563eb;background:#eef5ff}.sv2-python-lessons{padding:14px 18px}.sv2-preview-top{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:12px;display:flex}.sv2-preview-top h2{margin:2px 0 4px;font-size:23px}.sv2-preview-top p{color:var(--sv2-muted);margin:0;font-size:13px}.sv2-preview-label{color:#55647a;font-size:11px;font-weight:800}.sv2-lesson-list{border:1px solid var(--sv2-line);border-radius:11px;overflow:hidden}.sv2-lesson-list a{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.sv2-lesson-list a+a{border-top:1px solid var(--sv2-line)}.sv2-lesson-list a>span:nth-child(2){align-items:center;gap:9px;display:flex}.sv2-lesson-list small{color:var(--sv2-muted);font-size:10px}.sv2-lesson-list strong{font-size:13px}.sv2-play{color:#2563eb;border:1px solid #60a5fa;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.sv2-preview-footer{text-align:center;padding-top:10px}.sv2-how{padding:18px 0 50px}.sv2-how h2{text-align:center;margin:0 0 16px;font-size:24px}.sv2-how-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sv2-how-card{border:1px solid var(--sv2-line);background:var(--sv2-panel);text-align:left;border-radius:15px;padding:20px}.sv2-how-icon{color:#2563eb;background:#eef4ff;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:20px;font-weight:900;display:grid}.sv2-how-card:nth-child(2) .sv2-how-icon{color:#7c3aed;background:#f3e8ff}.sv2-how-card:nth-child(3) .sv2-how-icon{color:#059669;background:#e8faf4}.sv2-how-card:nth-child(4) .sv2-how-icon{color:#d97706;background:#fff5dd}.sv2-how-title{align-items:center;gap:8px;display:flex}.sv2-how-title span{color:#fff;background:#3b82f6;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.sv2-how-card:nth-child(2) .sv2-how-title span{background:#7c3aed}.sv2-how-card:nth-child(3) .sv2-how-title span{background:#10b981}.sv2-how-card:nth-child(4) .sv2-how-title span{background:#f59e0b}.sv2-how-card p{color:var(--sv2-muted);margin:9px 0 0;font-size:13px;line-height:1.5}.sv2-button:focus-visible,.sv2-tutorial-card:focus-visible,.sv2-python-groups nav a:focus-visible,.sv2-lesson-list a:focus-visible{outline-offset:2px;outline:3px solid #3b82f659}@media (width<=980px){.sv2-hero-grid{grid-template-columns:1fr;gap:28px}.sv2-hero-tools{gap:18px}.sv2-tutorial-strip{grid-template-columns:repeat(2,1fr)}.sv2-python-preview{grid-template-columns:250px minmax(0,1fr)}.sv2-how-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.sv2-hero{padding:28px 0 16px}.sv2-hero h1{font-size:clamp(44px,12vw,62px)}.sv2-hero-copy>p{font-size:16px}.sv2-actions{grid-template-columns:1fr 1fr;display:grid}.sv2-button{width:100%}.sv2-stats{grid-template-columns:repeat(2,1fr);gap:14px}.sv2-stats div,.sv2-stats div:first-child{border:0;padding:0}.sv2-tutorial-strip{scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 10px;display:flex;overflow-x:auto}.sv2-tutorial-card{scroll-snap-align:start;min-width:210px}.sv2-python-preview{grid-template-columns:1fr}.sv2-python-groups{border-right:0;border-bottom:1px solid var(--sv2-line)}.sv2-python-groups nav{gap:4px;display:grid}.sv2-python-groups nav a{padding:10px}.sv2-preview-top{display:grid}.sv2-button-small{width:max-content}.sv2-how-grid{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.sv2-how-card{scroll-snap-align:start;min-width:190px}.sv2-section{padding:18px 0}}@media (width<=520px){.sv2-badge{font-size:11px}.sv2-actions{grid-template-columns:1fr}.sv2-search kbd{display:none}.sv2-tutorial-card{min-width:200px}.sv2-python-groups nav a:nth-child(n+6){display:none}.sv2-python-lessons{padding:14px}.sv2-preview-top h2{font-size:20px}.sv2-lesson-list a{padding:10px}.sv2-how{padding-bottom:38px}}@media (prefers-reduced-motion:reduce){.sv2-button{transition:none}.sv2-button:hover{transform:none}}