*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text,#1f2937);background:var(--color-background,#fff);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-heading,#111827);line-height:1.3}h1{letter-spacing:-.025em}h2{letter-spacing:-.02em}p,li,td,th{color:var(--color-text,#1f2937)}a{transition:color .15s,opacity .15s}:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}::selection{background-color:var(--color-primary,#3b82f6);color:#fff}pre code{padding:1rem;display:block;overflow-x:auto}.docs-container{grid-template-columns:250px 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}@media (max-width:768px){.docs-container{grid-template-columns:1fr}}.docs-sidebar{height:fit-content;max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow-y:auto}.docs-content{min-width:0}.docs-content h1{border-bottom:2px solid var(--color-border);margin-top:0;padding-bottom:.5rem}.docs-content h2{margin-top:2rem;padding-top:1rem}.docs-content pre{border-radius:var(--radius-md);margin:1rem 0}.preview-container{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1.5rem 0}.preview-tabs{border-bottom:1px solid var(--color-border);background:var(--color-surface,var(--color-gray-50));display:flex}.preview-tab{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.preview-tab.active{color:var(--color-primary);background:var(--color-background,white);border-bottom:2px solid var(--color-primary)}.preview-content{background:var(--color-background,white);padding:2rem}.preview-code{background:var(--color-gray-900);color:var(--color-gray-100);border-radius:0;padding:0}.hero-gradient{background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 50%,#f5f3ff 100%)}.card-elevated{transition:transform .2s,box-shadow .2s}.card-elevated:hover{transform:translateY(-2px)}code:not(pre code){background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-800,#1f2937);border-radius:.25rem;padding:.125rem .375rem;font-size:.875em}.badge{font-weight:500}section+section{position:relative}.text-gradient{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.link-underline{position:relative}.link-underline:after{content:"";background:var(--color-primary,#3b82f6);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.link-underline:hover:after{width:100%}.stat-number{color:var(--color-primary,#3b82f6);font-size:3rem;font-weight:700;line-height:1}@media (max-width:640px){h1{font-size:2.25rem!important}h2{font-size:1.75rem!important}.container{padding-left:1rem;padding-right:1rem}}