@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/Inter-Variable.woff2) format("woff2"),local("Inter"),local("Inter var"),local("Inter Variable")}:root{color-scheme:light;font-family:Inter,SF Pro Text,Segoe UI,sans-serif;--font-size: 16px;--text-3xl: 48px;--text-xl: 30px;--text-lg: 24px;--text-base: 16px;--text-sm: 14px;--text-xs: 12px;--font-weight-extra-bold: 800;--font-weight-semi-bold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--brand: rgba(16, 185, 129, 1);--brand-hover: rgba(5, 150, 105, 1);--brand-foreground: rgba(255, 255, 255, 1);--brand-muted: rgba(236, 253, 245, 1);--brand-muted-foreground: rgba(16, 185, 129, 1);--surface-dark: rgba(17, 17, 17, 1);--surface-darker: rgba(10, 10, 10, 1);--surface-alt: rgba(250, 250, 250, 1);--surface-invert-muted: rgba(161, 161, 170, 1);--surface-invert-border: rgba(63, 63, 70, 1);--surface-invert-subtle: rgba(113, 113, 122, 1);--background: rgba(255, 255, 255, 1);--foreground: rgba(15, 23, 42, 1);--card: rgba(255, 255, 255, 1);--card-foreground: rgba(15, 23, 42, 1);--secondary: rgba(241, 245, 249, 1);--muted: rgba(226, 232, 240, 1);--muted-foreground: rgba(100, 116, 139, 1);--accent: rgba(241, 245, 249, 1);--border: rgba(203, 213, 225, 1);--input-background: rgba(255, 255, 255, 1);--ring: rgba(148, 163, 184, 1);--elevation-sm: 0px 4px 6px 0px rgba(0, 0, 0, .09);--radius: 10px;--container: 80rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface-alt);color:var(--foreground);font-size:var(--font-size)}a{color:inherit;text-decoration:none}h1,h2,h3,label{margin:0 0 .5rem}h1{font-size:clamp(var(--text-xl),4vw,var(--text-3xl));letter-spacing:-.02em;font-weight:var(--font-weight-extra-bold)}h2{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:var(--font-weight-semi-bold)}h3{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);font-weight:var(--font-weight-medium)}p{margin:.5rem 0;line-height:1.6;color:var(--muted-foreground)}.container{width:min(var(--container),100%);margin:0 auto;padding:0 1.5rem}.site{min-height:100vh;display:flex;flex-direction:column}.site__nav{position:fixed;top:0;left:0;right:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid rgba(203,213,225,.6);box-shadow:var(--elevation-sm)}.site__nav-inner{width:min(var(--container),100%);margin:0 auto;padding:0 1.5rem;height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site__logo{font-weight:var(--font-weight-semi-bold);color:var(--foreground);font-size:var(--text-base)}.site__logo span{margin-left:.5rem;padding:.15rem .5rem;border-radius:999px;background:var(--brand-muted);color:var(--brand-muted-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.site__nav-actions{display:flex;align-items:center;gap:1rem}.pill{padding:.35rem .75rem;border-radius:999px;background:var(--secondary);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.site__main{padding-top:96px;flex:1}.hero{position:relative;padding:4rem 0 5rem;overflow:hidden}.hero__pattern{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle at 1px 1px,var(--foreground) 1px,transparent 0);background-size:40px 40px}.hero__content{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;align-items:start}.hero__copy{max-width:520px}.hero__copy p{color:var(--muted-foreground)}.hero__note{margin-top:1.5rem;padding:.9rem 1rem;border-radius:12px;background:var(--brand-muted);color:var(--brand-muted-foreground);font-size:var(--text-sm)}.eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.16em;color:var(--muted-foreground);font-weight:var(--font-weight-medium)}.hero__panel{display:flex;justify-content:center}.card{width:min(640px,100%);background:var(--card);border-radius:20px;padding:2.5rem;border:1px solid rgba(203,213,225,.7);box-shadow:var(--elevation-sm);color:var(--card-foreground)}.card--compact{padding:2rem}.card__header{margin-bottom:2rem}.form{display:flex;flex-direction:column;gap:2rem}.section{display:flex;flex-direction:column;gap:1rem}.section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field{display:flex;flex-direction:column;gap:.5rem}.field__input{display:flex;gap:.75rem;align-items:center}.field__grid{display:grid;grid-template-columns:1.2fr 1.8fr auto;gap:.75rem;align-items:center}label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--foreground)}.input{width:100%;padding:.85rem .9rem;border-radius:12px;border:1px solid var(--border);font-size:var(--text-sm);background:var(--input-background);color:var(--foreground)}.input:focus{outline:2px solid var(--ring);border-color:transparent}.btn{border:none;border-radius:12px;padding:.65rem 1.2rem;font-size:var(--text-sm);cursor:pointer;font-weight:var(--font-weight-medium);transition:background .2s ease,color .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);color:var(--brand-foreground)}.btn--primary:hover{background:var(--brand-hover)}.btn--ghost{background:var(--secondary);color:var(--foreground)}.btn--danger{background:#f8e2de;color:#7a2c1e}.actions{display:flex;align-items:center;gap:1rem}.alert{background:#fef3c7;border:1px solid rgba(251,191,36,.5);padding:.9rem 1rem;border-radius:12px;color:#854d0e;font-size:var(--text-sm)}.error{color:#b91c1c;font-size:var(--text-xs)}.helper{color:var(--muted-foreground);font-size:var(--text-sm)}.empty{color:#94a3b8;font-style:italic;font-size:var(--text-sm)}.muted{color:var(--muted-foreground);font-size:var(--text-sm)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(226,232,240,1);border-top-color:var(--brand);animation:spin .8s linear infinite}.site__footer{background:var(--surface-darker);color:var(--surface-invert-subtle);border-top:1px solid rgba(63,63,70,.3);padding:2.5rem 0}.site__footer p{color:var(--surface-invert-subtle);font-size:var(--text-sm)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.hero__content{gap:2.5rem}.card{padding:2rem}}@media(max-width:720px){.site__nav-inner{height:64px}.site__main{padding-top:84px}.hero{padding:3rem 0 4rem}.field__grid{grid-template-columns:1fr}.section__header{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;align-items:stretch}}