[data-astro-cid-6rrbxmaf],[data-astro-cid-6rrbxmaf]:before,[data-astro-cid-6rrbxmaf]:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;background:#f8fafc;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}:root{--c-primary:#0054a4;--c-primary-lt:#b0d8fb;--c-secondary:#3498db;--c-accent:#2980b9;--c-navy:#1e3a5f;--c-text:#374151;--c-heading:#1f2937;--c-muted:#6b7280;--c-bg:#b0d8fb;--c-surface:#fff;--c-border:#e5e7eb;--font-sans:"Inter",system-ui,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #0000001f;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.2s;--dur-base:.35s;--dur-slow:.6s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.anim-ready[data-astro-cid-6rrbxmaf]{opacity:0}.anim-fade-up[data-astro-cid-6rrbxmaf]{animation:fadeUp var(--dur-slow) var(--ease-out) both}.anim-fade-in[data-astro-cid-6rrbxmaf]{animation:fadeIn var(--dur-slow) var(--ease-out) both}.anim-scale-in[data-astro-cid-6rrbxmaf]{animation:scaleIn var(--dur-slow) var(--ease-out) both}.anim-slide-left[data-astro-cid-6rrbxmaf]{animation:slideLeft var(--dur-slow) var(--ease-out) both}.anim-slide-right[data-astro-cid-6rrbxmaf]{animation:slideRight var(--dur-slow) var(--ease-out) both}.anim-pop-in[data-astro-cid-6rrbxmaf]{animation:popIn var(--dur-base) var(--ease-spring) both}.delay-1[data-astro-cid-6rrbxmaf]{animation-delay:80ms}.delay-2[data-astro-cid-6rrbxmaf]{animation-delay:.16s}.delay-3[data-astro-cid-6rrbxmaf]{animation-delay:.24s}.delay-4[data-astro-cid-6rrbxmaf]{animation-delay:.32s}.delay-5[data-astro-cid-6rrbxmaf]{animation-delay:.4s}.site-header[data-astro-cid-6rrbxmaf]{z-index:100;color:var(--c-text);box-shadow:0 1px 0 var(--c-border),0 2px 8px #0000000f;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.site-header-logo[data-astro-cid-6rrbxmaf]{align-items:center;gap:12px;display:flex}.site-header-logo[data-astro-cid-6rrbxmaf] img[data-astro-cid-6rrbxmaf]{width:auto;height:28px}.site-header-title[data-astro-cid-6rrbxmaf]{color:var(--c-primary);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:600}.header-nav[data-astro-cid-6rrbxmaf]{gap:4px;display:flex}.header-nav[data-astro-cid-6rrbxmaf] a[data-astro-cid-6rrbxmaf]{color:var(--c-muted);border-radius:5px;padding:5px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s}.header-nav[data-astro-cid-6rrbxmaf] a[data-astro-cid-6rrbxmaf]:hover{color:var(--c-primary);background:#f0f7ff}@media (max-width:640px){.header-nav[data-astro-cid-6rrbxmaf]{display:none}.site-header[data-astro-cid-6rrbxmaf],.site-header-logo[data-astro-cid-6rrbxmaf]{justify-content:center}}.page-hero[data-astro-cid-6rrbxmaf]{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-secondary) 100%);color:#fff;text-align:center;padding:80px 32px 96px}.page-hero-eyebrow[data-astro-cid-6rrbxmaf]{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:16px;font-size:12px;font-weight:700}.page-hero[data-astro-cid-6rrbxmaf] h1[data-astro-cid-6rrbxmaf]{margin-bottom:16px;font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.1}.page-hero[data-astro-cid-6rrbxmaf] p[data-astro-cid-6rrbxmaf]{opacity:.85;max-width:540px;margin:0 auto;font-size:18px;line-height:1.6}.section[data-astro-cid-6rrbxmaf]{padding:var(--space-8) 32px;max-width:1100px;margin:0 auto}.section[data-astro-cid-6rrbxmaf]+.section[data-astro-cid-6rrbxmaf]{padding-top:0}.section-divider[data-astro-cid-6rrbxmaf]{border:0;border-top:1px solid var(--c-border);margin:0 32px}.section-eyebrow[data-astro-cid-6rrbxmaf]{text-transform:uppercase;letter-spacing:.1em;color:var(--c-secondary);margin-bottom:6px;font-size:11px;font-weight:700}.section-title[data-astro-cid-6rrbxmaf]{color:var(--c-heading);margin-bottom:8px;font-size:clamp(22px,3vw,30px);font-weight:700}.section-sub[data-astro-cid-6rrbxmaf]{color:var(--c-muted);max-width:560px;margin-bottom:40px;font-size:15px}.color-grid[data-astro-cid-6rrbxmaf]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.color-swatch[data-astro-cid-6rrbxmaf]{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.color-block[data-astro-cid-6rrbxmaf]{height:80px}.color-meta[data-astro-cid-6rrbxmaf]{background:#fff;padding:10px 12px}.color-name[data-astro-cid-6rrbxmaf]{color:var(--c-heading);font-size:13px;font-weight:600}.color-hex[data-astro-cid-6rrbxmaf]{color:var(--c-muted);font-family:Courier New,monospace;font-size:11px}.color-role[data-astro-cid-6rrbxmaf]{color:var(--c-muted);margin-top:2px;font-size:10px}.type-scale[data-astro-cid-6rrbxmaf]{flex-direction:column;gap:24px;display:flex}.type-row[data-astro-cid-6rrbxmaf]{border-bottom:1px solid var(--c-border);align-items:baseline;gap:24px;padding-bottom:20px;display:flex}.type-meta[data-astro-cid-6rrbxmaf]{flex-shrink:0;width:100px}.type-label[data-astro-cid-6rrbxmaf]{text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);font-size:10px;font-weight:700}.type-spec[data-astro-cid-6rrbxmaf]{color:var(--c-muted);margin-top:2px;font-family:monospace;font-size:10px}.type-sample[data-astro-cid-6rrbxmaf]{flex:1}.spacing-grid[data-astro-cid-6rrbxmaf]{flex-direction:column;gap:12px;display:flex}.spacing-row[data-astro-cid-6rrbxmaf]{align-items:center;gap:16px;display:flex}.spacing-bar-wrap[data-astro-cid-6rrbxmaf]{background:var(--c-border);border-radius:4px;flex:1;height:20px;overflow:hidden}.spacing-bar[data-astro-cid-6rrbxmaf]{background:var(--c-primary);opacity:.7;border-radius:4px;height:100%}.spacing-label[data-astro-cid-6rrbxmaf]{color:var(--c-muted);width:60px;font-family:monospace;font-size:12px;font-weight:600}.spacing-px[data-astro-cid-6rrbxmaf]{color:var(--c-muted);font-size:12px}.component-group[data-astro-cid-6rrbxmaf]{margin-bottom:40px}.component-group-title[data-astro-cid-6rrbxmaf]{text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);margin-bottom:16px;font-size:13px;font-weight:700}.component-row[data-astro-cid-6rrbxmaf]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.component-card[data-astro-cid-6rrbxmaf]{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:#fff;flex:1;min-width:220px;padding:24px 28px}.btn-primary-demo[data-astro-cid-6rrbxmaf]{background:var(--c-primary);color:#fff;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);border:0;border-radius:9999px;justify-content:center;align-items:center;padding:11px 24px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0054a44d}.btn-primary-demo[data-astro-cid-6rrbxmaf]:hover{background:var(--c-navy);transform:translateY(-1px);box-shadow:0 4px 16px #0054a466}.btn-secondary-demo[data-astro-cid-6rrbxmaf]{color:var(--c-primary);border:2px solid var(--c-primary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.btn-secondary-demo[data-astro-cid-6rrbxmaf]:hover{background:var(--c-primary);color:#fff;transform:translateY(-1px)}.btn-ghost-demo[data-astro-cid-6rrbxmaf]{color:var(--c-muted);border:1px solid var(--c-border);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex}.btn-ghost-demo[data-astro-cid-6rrbxmaf]:hover{color:var(--c-text);background:#f3f4f6}.badge[data-astro-cid-6rrbxmaf]{border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary[data-astro-cid-6rrbxmaf]{color:var(--c-primary);background:#eff6ff}.badge-green[data-astro-cid-6rrbxmaf]{color:#166534;background:#f0fdf4}.badge-amber[data-astro-cid-6rrbxmaf]{color:#92400e;background:#fffbeb}.badge-red[data-astro-cid-6rrbxmaf]{color:#b91c1c;background:#fef2f2}.badge-gray[data-astro-cid-6rrbxmaf]{color:#374151;background:#f3f4f6}.demo-card[data-astro-cid-6rrbxmaf]{border:1px solid var(--c-border);border-radius:var(--radius-lg);transition:all var(--dur-base) var(--ease-out);cursor:default;background:#fff;padding:20px}.demo-card[data-astro-cid-6rrbxmaf]:hover{box-shadow:var(--shadow-lg);border-color:#bfdbfe;transform:translateY(-4px)}.demo-card-title[data-astro-cid-6rrbxmaf]{color:var(--c-heading);margin-bottom:6px;font-size:15px;font-weight:700}.demo-card-text[data-astro-cid-6rrbxmaf]{color:var(--c-muted);font-size:13px;line-height:1.5}.demo-card-icon[data-astro-cid-6rrbxmaf]{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:20px;display:flex}.input-demo[data-astro-cid-6rrbxmaf]{border:1.5px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);transition:border-color var(--dur-fast) var(--ease-out);background:#fff;outline:0;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.input-demo[data-astro-cid-6rrbxmaf]:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #0054a41a}.input-label[data-astro-cid-6rrbxmaf]{color:var(--c-text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.anim-section[data-astro-cid-6rrbxmaf]{border:1px solid var(--c-border);border-radius:var(--radius-xl);background:#fff;margin-bottom:20px;padding:32px}.anim-section-title[data-astro-cid-6rrbxmaf]{color:var(--c-heading);margin-bottom:6px;font-size:16px;font-weight:700}.anim-section-sub[data-astro-cid-6rrbxmaf]{color:var(--c-muted);margin-bottom:24px;font-size:13px}.anim-code[data-astro-cid-6rrbxmaf]{color:var(--c-primary);background:#f1f5f9;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:11px}.demo-box[data-astro-cid-6rrbxmaf]{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-secondary) 100%);color:#fff;border-radius:var(--radius-md);text-align:center;padding:20px 24px;font-size:14px;font-weight:600}.demo-grid[data-astro-cid-6rrbxmaf]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.demo-box-sm[data-astro-cid-6rrbxmaf]{background:var(--c-primary-lt);color:var(--c-navy);border-radius:var(--radius-md);text-align:center;border:1px solid #bfdbfe;padding:14px 16px;font-size:13px;font-weight:600}.hover-lift-demo[data-astro-cid-6rrbxmaf]{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-primary);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;display:inline-flex}.hover-lift-demo[data-astro-cid-6rrbxmaf]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0054a426}.hover-scale-demo[data-astro-cid-6rrbxmaf]{background:var(--c-primary);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring);align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;display:inline-flex}.hover-scale-demo[data-astro-cid-6rrbxmaf]:hover{transform:scale(1.04)}.hover-glow-demo[data-astro-cid-6rrbxmaf]{background:var(--c-surface);border:2px solid var(--c-primary);border-radius:var(--radius-lg);color:var(--c-primary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;display:inline-flex}.hover-glow-demo[data-astro-cid-6rrbxmaf]:hover{background:var(--c-primary);color:#fff;box-shadow:0 0 0 4px #0054a433}.stagger-grid[data-astro-cid-6rrbxmaf]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.stagger-item[data-astro-cid-6rrbxmaf]{background:var(--c-primary);color:#fff;border-radius:var(--radius-md);text-align:center;opacity:0;padding:16px;font-size:13px;font-weight:600}.stagger-item[data-astro-cid-6rrbxmaf].anim-fade-up{opacity:1}.principles-grid[data-astro-cid-6rrbxmaf]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.principle-card[data-astro-cid-6rrbxmaf]{border:1px solid var(--c-border);border-radius:var(--radius-lg);transition:all var(--dur-base) var(--ease-out);background:#fff;padding:24px}.principle-card[data-astro-cid-6rrbxmaf]:hover{box-shadow:var(--shadow-md);border-color:#bfdbfe;transform:translateY(-2px)}.principle-icon[data-astro-cid-6rrbxmaf]{margin-bottom:12px;font-size:28px}.principle-title[data-astro-cid-6rrbxmaf]{color:var(--c-heading);margin-bottom:6px;font-size:15px;font-weight:700}.principle-text[data-astro-cid-6rrbxmaf]{color:var(--c-muted);font-size:13px;line-height:1.6}.guide-table[data-astro-cid-6rrbxmaf]{border-collapse:collapse;width:100%;font-size:13px}.guide-table[data-astro-cid-6rrbxmaf] th[data-astro-cid-6rrbxmaf]{text-align:left;color:var(--c-muted);border-bottom:2px solid var(--c-border);text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;padding:10px 12px;font-size:11px;font-weight:600}.guide-table[data-astro-cid-6rrbxmaf] td[data-astro-cid-6rrbxmaf]{border-bottom:1px solid var(--c-border);vertical-align:top;color:var(--c-text);padding:12px}.guide-table[data-astro-cid-6rrbxmaf] tr[data-astro-cid-6rrbxmaf]:last-child td[data-astro-cid-6rrbxmaf]{border-bottom:none}.guide-table[data-astro-cid-6rrbxmaf] code[data-astro-cid-6rrbxmaf]{color:var(--c-primary);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.page-footer[data-astro-cid-6rrbxmaf]{background:var(--c-navy);color:#ffffffb3;text-align:center;padding:32px;font-size:13px}.page-footer[data-astro-cid-6rrbxmaf] strong[data-astro-cid-6rrbxmaf]{color:#fff}.bg-light-blue[data-astro-cid-6rrbxmaf]{background:#f0f7ff}.two-col[data-astro-cid-6rrbxmaf]{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.two-col[data-astro-cid-6rrbxmaf]{grid-template-columns:1fr}}