@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "Instrument Sans", "Segoe UI", sans-serif;--color-ink: #0b1220;--color-ink-muted: #334155;--color-ink-soft: #748297;--color-primary: #16a34a;--color-primary-dark: #15803d;--color-primary-light: rgba(22, 163, 74, .14);--color-secondary: #0f766e;--color-accent: #f97316;--color-background: #f4f5f7;--color-background-secondary: #eef1f4;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border: rgba(15, 23, 42, .12);--color-button-ghost-bg-hover: rgb(244, 245, 246);--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-ink-muted);--color-text-muted: var(--color-ink-soft);--gradient-hero: radial-gradient(circle at 15% 20%, rgba(15, 118, 110, .08), transparent 45%), radial-gradient(circle at 85% 12%, rgba(22, 163, 74, .12), transparent 55%), radial-gradient(circle at 30% 85%, rgba(249, 115, 22, .08), transparent 60%);--gradient-accent: linear-gradient(135deg, #16a34a, #0f766e);--gradient-sheen: linear-gradient(120deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 10px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 48px rgba(15, 23, 42, .12);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px}.skeleton{position:relative;overflow:hidden;background:#e6e9e6;border-radius:999px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:skeleton-shimmer 1.6s infinite}.skeleton-line{height:12px;width:100%;border-radius:999px}.skeleton-block{height:100%;width:100%;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}html{height:100%;scroll-behavior:smooth}body{min-height:100%;font-family:var(--font-body);color:var(--color-ink);background:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}*::selection{background:#16a34a33}*:focus-visible{outline:2px solid rgba(22,163,74,.5);outline-offset:3px}.page-shell{min-height:100vh;position:relative}.container{width:min(1120px,100% - 2rem);margin:0 auto}.section{padding:clamp(2.5rem,6vw,5rem) 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--solid{background:var(--color-surface)}.card--deep{background:#0b0f14;color:#f8fafc}.section-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:var(--radius-md);font-weight:600;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn--primary{background:var(--color-primary);color:#f8fafc;box-shadow:0 10px 20px #16a34a33}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #16a34a47}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-ink)}.btn--flat{border:none;padding:0 2px}.btn--flat:hover{border:none;background-color:var(--color-button-ghost-bg-hover)}.btn--ghost:hover{background:#0f172a0a}.btn--muted{background:#0f172a0a;color:var(--color-ink)}.btn.btn--size-xs{padding:4px 12px}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600;font-size:.7rem}.input,.select,.textarea{width:100%;padding:.7rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:.95rem;color:var(--color-ink);transition:border .2s ease,box-shadow .2s ease,background .2s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#16a34a99;box-shadow:0 0 0 3px #16a34a26}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-ink-soft) 50%),linear-gradient(135deg,var(--color-ink-soft) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.5rem}.tabs{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;border-radius:999px;background:#0f172a0d;border:1px solid var(--color-border)}.tabs button{padding:.4rem 1rem;border-radius:999px;font-weight:600;color:var(--color-ink-muted);transition:all .2s ease}.tabs button.active{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
