:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Roboto,sans-serif;--text:#0f172a;--text-muted:#475569;--bg-page:#f8fafc;--border:#e5e7eb;--accent:#007aff;--radius-lg:16px;--radius-md:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.04)}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);line-height:1.6;color:var(--text);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}a{color:var(--accent);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}.site-header{background:linear-gradient(180deg,#eaf2ff,#f7fbff);padding:clamp(24px,5vw,56px) 0;border-bottom:1px solid var(--border)}.site-title{margin:0;font-size:clamp(36px,6vw,56px);font-weight:800;letter-spacing:-.02em;color:#0b1220}.site-subtitle{margin:8px 0 20px;font-size:clamp(18px,4vw,24px);font-weight:500;color:var(--text-muted)}.contact{display:flex;gap:16px;flex-wrap:wrap;font-size:clamp(12px,2vw,14px)}.contact,.contact a{color:var(--text-muted)}.site-nav{background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:12px 0;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tab{background:transparent;color:#334155;border:none;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.tab:hover{background:#f1f5f9}.tab.is-active{background:var(--accent);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06)}.main{padding:clamp(20px,4vw,40px) 0}.stack{flex-direction:column;gap:clamp(16px,3vw,24px)}.row,.stack{display:flex}.row{align-items:flex-start;flex-wrap:wrap;gap:12px}.row-between{justify-content:space-between}.card{background:#fff;padding:clamp(20px,4vw,32px);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:clamp(16px,3vw,24px);gap:clamp(16px,3vw,24px)}.section-heading{font-size:clamp(22px,4vw,28px);font-weight:700;color:#0f172a;letter-spacing:-.01em}.section-heading,.subheading{margin-top:0;margin-bottom:12px}.subheading{font-size:clamp(18px,3vw,20px);font-weight:600;color:#1e293b}.text-muted{color:var(--text-muted)}.btn{display:inline-block;padding:10px 16px;border-radius:10px;font-size:clamp(13px,2vw,14px);font-weight:600;text-decoration:none;border:1px solid transparent;transition:filter .15s ease,transform .08s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(.97)}.btn-secondary{background:#f1f5f9;color:#334155}.btn-secondary:hover{filter:brightness(.98)}.markdown-content h1{font-size:clamp(28px,5vw,36px);font-weight:700;color:#1e293b;margin:32px 0 16px;line-height:1.2}.markdown-content h2{font-size:clamp(24px,4vw,30px);font-weight:600;color:#1e293b;margin:28px 0 14px;line-height:1.3}.markdown-content h3{font-size:clamp(20px,3vw,24px);font-weight:600;color:#334155;margin:24px 0 12px;line-height:1.4}.markdown-content h4{font-size:clamp(18px,2.5vw,20px);font-weight:600;color:#334155;margin:20px 0 10px}.markdown-content p{font-size:clamp(15px,2vw,17px);color:#475569;line-height:1.8;margin:16px 0}.markdown-content a{color:#007aff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.markdown-content a:hover{border-bottom-color:#007aff}.markdown-content ol,.markdown-content ul{font-size:clamp(15px,2vw,17px);color:#475569;line-height:1.8;margin:16px 0;padding-left:28px}.markdown-content li{margin:8px 0}.markdown-content blockquote{border-left:4px solid #007aff;padding-left:20px;margin:20px 0;color:#64748b;font-style:italic}.markdown-content code{background-color:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:clamp(13px,1.8vw,15px);color:#e11d48}.markdown-content pre{background-color:#1e293b;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.markdown-content pre code{background-color:transparent;padding:0;color:inherit;font-size:clamp(13px,1.8vw,15px)}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.markdown-content hr{border:none;border-top:1px solid #e5e7eb;margin:32px 0}.markdown-content table{width:100%;border-collapse:collapse;margin:20px 0}.markdown-content td,.markdown-content th{border:1px solid #e5e7eb;padding:12px;text-align:left}.markdown-content th{background-color:#f9fafb;font-weight:600;color:#1e293b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.expandable-icon-card,.expandable-icon-card>div{width:100%!important;max-width:100%!important}}@media (hover:none){.expandable-icon-card{cursor:pointer}}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}*{scroll-behavior:smooth}