:root{--color-primary: #12aa5b;--color-primary-50: #f0fdf4;--color-accent: #12aa5b;--color-accent-dark: #0e8a49;--color-accent-light: #d1fae5;--color-gray: #1f2937;--color-gray-200: #e5e7eb;--color-gray-400: #9ca3af;--color-gray-500: #494b51;--color-muted: #f1f5f9;--color-dark-bg: #0d1117;--color-dark-card: #161b22;--color-dark-border: #30363d;--color-border: #e5e7eb;--shadow-green: 0 10px 25px rgba(2, 137, 54, .15);--shadow-gray: 0 5px 15px rgba(0, 0, 0, .08);--gradient-accent: linear-gradient(135deg, var(--color-accent-dark) 0%, var(--color-accent) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#fff;color:var(--color-gray-500);line-height:1.62;font-size:16px;-webkit-font-smoothing:antialiased;font-feature-settings:"rlig" 1,"calt" 1;display:flex;flex-direction:column;min-height:100vh}main{flex:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}::selection{background:#dbeafe;color:#1e3a8a}a{color:var(--color-accent-dark)}.logo-dark{display:none}.logo-light{display:block}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.theme-toggle:hover{background:#f3f4f6;color:var(--color-gray)}.theme-toggle svg{width:20px;height:20px}.icon-sun{display:none}.icon-moon{display:block}.site-header{position:sticky;top:0;left:0;right:0;z-index:50;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;transition:all .3s}.header-container{max-width:1200px;margin:0 auto;padding:0 16px}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}@media(min-width:768px){.header-inner{height:80px}.header-container{padding:0 24px}}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-img{height:auto;width:112px}@media(min-width:768px){.logo-img{width:128px}}@media(min-width:1024px){.logo-img{width:160px}}.nav-right{display:none;align-items:center;gap:16px}@media(min-width:768px){.nav-right{display:flex}}@media(min-width:1024px){.nav-right{gap:32px}}.nav-link{text-decoration:none;font-size:14px;font-weight:500;color:var(--color-gray);transition:color .15s;border-radius:8px;padding:6px 4px}.nav-link:hover{color:var(--color-primary)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:9999px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;background:var(--gradient-accent);height:48px;padding:16px 24px;box-shadow:var(--shadow-gray);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-green);color:#fff}.mobile-actions{display:flex;align-items:center;gap:8px}@media(min-width:768px){.mobile-actions{display:none}}main{max-width:1200px;margin:0 auto;padding:0 16px 60px;width:100%}@media(min-width:768px){main{padding:0 24px 60px}}.site-footer{background:#111827;color:#fff}.footer-accent-line{height:1px;width:100%;background:linear-gradient(to right,transparent,var(--color-primary),transparent)}.footer-container{max-width:1200px;margin:0 auto;padding:64px 16px 32px}@media(min-width:640px){.footer-container{padding:64px 24px 32px}}@media(min-width:1024px){.footer-container{padding:64px 32px 32px}}.footer-grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.footer-grid{grid-template-columns:4fr 2fr 2fr 4fr}}.footer-brand{max-width:360px}.footer-logo-link{display:inline-flex;align-items:center;margin-bottom:16px}.footer-logo-img{width:180px;height:auto}.footer-desc{margin-bottom:24px;line-height:1.625;color:#9ca3af;font-size:14px}.footer-social{display:flex;gap:12px}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#1f2937;color:#9ca3af;transition:all .15s;text-decoration:none}.social-icon:hover{background:#12aa5b33;color:var(--color-primary)}.icon-svg{width:16px;height:16px}.footer-heading{margin-bottom:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.footer-list{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{color:#9ca3af;text-decoration:none;font-size:14px;transition:color .15s}.footer-link:hover{color:var(--color-primary)}.footer-contact-list{display:flex;flex-direction:column;gap:16px}.footer-contact-item{display:flex;align-items:center;gap:12px;color:#9ca3af;text-decoration:none;font-size:14px;transition:color .15s}.footer-contact-item:hover{color:var(--color-primary)}.contact-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;background:#1f2937;transition:background .15s}.footer-contact-item:hover .contact-icon-wrap{background:#12aa5b33}.footer-bottom{margin-top:48px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #1f2937;padding-top:32px;font-size:14px}@media(min-width:640px){.footer-bottom{flex-direction:row}}.footer-copyright{color:#9ca3af}.footer-cin{color:#6b7280}pre{background:var(--color-dark-bg);color:#e6edf3;border-radius:12px;padding:16px 18px;overflow-x:auto;margin:14px 0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;border:1px solid rgba(255,255,255,.08)}:not(pre)>code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;background:var(--color-primary-50);border:1px solid rgba(18,170,91,.15);padding:1px 6px;border-radius:5px;color:var(--color-accent-dark)}blockquote{border-left:4px solid var(--color-primary);background:var(--color-primary-50);padding:12px 16px;border-radius:0 10px 10px 0;margin:14px 0;font-size:.95em}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:none;background:transparent;color:var(--color-gray);cursor:pointer}.mobile-menu-btn svg{width:24px;height:24px}.mobile-backdrop{display:none;position:fixed;inset:0;z-index:50;background:#0003}.mobile-backdrop.open{display:block}.mobile-drawer{position:fixed;top:0;left:0;height:100%;width:256px;background:#fff;box-shadow:0 20px 60px #00000026;z-index:51;transform:translate(-100%);transition:transform .3s;padding:24px}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-drawer-header img{width:112px;height:auto}.mobile-close-btn{border:none;background:transparent;color:var(--color-gray);cursor:pointer;padding:4px}.mobile-close-btn svg{width:24px;height:24px}.mobile-nav-link{display:block;padding:12px 0;text-decoration:none;font-size:16px;color:var(--color-gray);transition:color .15s}.mobile-nav-link:hover{color:var(--color-primary)}.mobile-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:9999px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;background:var(--gradient-accent);height:48px;padding:16px 24px;margin-top:24px;transition:all .3s}.dark body{background:var(--color-dark-bg);color:#d1d5db}.dark ::-webkit-scrollbar-track{background:#1e293b}.dark ::-webkit-scrollbar-thumb{background:#475569}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.dark ::selection{background:#1e3a5f;color:#93c5fd}.dark a{color:var(--color-accent)}.dark .logo-dark{display:block}.dark .logo-light{display:none}.dark .icon-sun{display:block}.dark .icon-moon{display:none}.dark .theme-toggle{color:#9ca3af}.dark .theme-toggle:hover{background:#1f2937;color:#e5e7eb}.dark .site-header{background:#0d1117f2;box-shadow:0 1px 3px #0000004d,0 4px 16px #0003}.dark .nav-cta,.dark .mobile-cta{color:#fff}.dark .nav-link{color:#e5e7eb}.dark .nav-link:hover{color:var(--color-primary)}.dark .mobile-menu-btn{color:#e5e7eb}.dark .mobile-drawer{background:#111827}.dark .mobile-nav-link,.dark .mobile-close-btn{color:#e5e7eb}.dark .card,.dark .qa{background:var(--color-dark-card);border-color:var(--color-dark-border)}.dark .card:hover,.dark .qa:hover{border-color:var(--color-primary)}.dark summary:hover{background:#ffffff0d}.dark .qa[open] summary{background:#ffffff0d;border-bottom-color:var(--color-dark-border)}.dark .qtext{color:#e5e7eb}.dark .answer{color:#d1d5db}.dark :not(pre)>code{background:#12aa5b1a;border-color:#12aa5b33;color:var(--color-accent-light)}.dark blockquote{background:#12aa5b14;border-left-color:var(--color-primary)}.dark .chip{background:#12aa5b1a;border-color:#12aa5b33;color:var(--color-accent-light)}.dark .tag.easy{background:#12aa5b26;color:var(--color-accent-light)}.dark .tag.medium{background:#fbbf2426;color:#fbbf24}.dark .tag.hard{background:#ef444426;color:#fca5a5}.dark h1,.dark h2{color:#f9fafb}.dark .sub,.dark .desc,.dark .card p{color:#9ca3af}.dark .card h2{color:#f9fafb}.dark .go{color:var(--color-accent)}.dark .back{color:var(--color-primary)}.dark .tools button{background:var(--color-dark-card);border-color:var(--color-dark-border);color:#d1d5db}.dark .tools button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dark .tools .n{color:#9ca3af}.dark .site-footer{background:#0a0f18}.dark .footer-bottom{border-top-color:#1e293b}.dark .social-icon,.dark .contact-icon-wrap{background:#1e293b}