:root{--brand-900: #0b3f77;--brand-800: #0f5ba8;--brand-700: #1462b4;--brand-600: #1c7ad0;--brand-500: #3da5e8;--brand-400: #7cc4f2;--brand-100: #dcefff;--brand-50: #f0f8ff;--teal-700: #14818f;--teal-600: #1b9aab;--teal-500: #26aec4;--teal-400: #5ec9d8;--teal-100: #d6f4f8;--teal-50: #eefbfd;--gradient-brand: linear-gradient(135deg, #1462b4 0%, #26aec4 100%);--gradient-brand-soft: linear-gradient(135deg, #e8f3ff 0%, #e4f8fb 100%);--gradient-hero: linear-gradient(135deg, #0b3f77 0%, #1462b4 45%, #26aec4 100%);--ink-900: #0a1a2b;--ink-800: #13293f;--ink-700: #1f3c56;--ink-500: #55708c;--ink-400: #7c93ab;--ink-300: #a8bacb;--ink-200: #d7e1ea;--ink-100: #e9eff5;--ink-50: #f5f8fb;--surface: #ffffff;--canvas: #f6f9fc;--success-600: #0e8a5f;--success-100: #d8f5e9;--warning-600: #b57209;--warning-100: #fdf0d5;--danger-600: #c62f42;--danger-100: #fde4e7;--info-600: #1c7ad0;--info-100: #dcefff;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-xs: 0 1px 2px rgba(10, 26, 43, .06);--shadow-sm: 0 2px 8px rgba(10, 26, 43, .06);--shadow-md: 0 8px 24px rgba(10, 26, 43, .08);--shadow-lg: 0 18px 48px rgba(10, 26, 43, .12);--shadow-brand: 0 12px 32px rgba(20, 98, 180, .28);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-full: 999px;--header-h: 72px;--container: 1200px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--ink-800);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--ink-900);line-height:1.18;letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}a{color:var(--brand-700);text-decoration:none;transition:color .18s var(--ease-soft)}a:hover{color:var(--brand-600)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.page{padding-block:40px 80px;min-height:calc(100vh - var(--header-h))}.page-head{margin-bottom:28px}.page-head h1{font-size:clamp(26px,3.4vw,34px);margin-bottom:6px}.page-head p{color:var(--ink-500);max-width:60ch}.stack{display:grid;gap:16px}.row{display:flex;align-items:center;gap:12px}.row-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spacer{flex:1}.grid-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}.card{background:var(--surface);border:1px solid var(--ink-100);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card-pad{padding:24px}.card-hover{transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out),border-color .28s var(--ease-out)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--r-full);border:1px solid transparent;font-family:var(--font-display);font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease-out),box-shadow .22s var(--ease-out),background .2s var(--ease-soft),border-color .2s var(--ease-soft),color .2s var(--ease-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){color:#fff;transform:translateY(-2px);box-shadow:0 16px 38px #1462b45c}.btn-secondary{background:var(--surface);border-color:var(--ink-200);color:var(--ink-800)}.btn-secondary:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-700);background:var(--brand-50)}.btn-ghost{background:transparent;color:var(--ink-700)}.btn-ghost:hover:not(:disabled){background:var(--ink-50);color:var(--brand-700)}.btn-danger{background:var(--danger-100);color:var(--danger-600)}.btn-danger:hover:not(:disabled){background:var(--danger-600);color:#fff}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{padding:8px 15px;font-size:13.5px}.btn-block{width:100%}.field{display:grid;gap:7px}.field>label,.label{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--ink-700)}.hint{font-size:12.5px;color:var(--ink-400);line-height:1.45}.input,.select,.textarea{width:100%;padding:11px 14px;border:1px solid var(--ink-200);border-radius:var(--r-md);background:var(--surface);color:var(--ink-900);font-size:14.5px;transition:border-color .18s var(--ease-soft),box-shadow .18s var(--ease-soft)}.input::placeholder,.textarea::placeholder{color:var(--ink-300)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 4px #3da5e829}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--danger-600)}.textarea{resize:vertical;min-height:96px;line-height:1.55}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2355708c' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px}.error-text{color:var(--danger-600);font-size:12.5px;font-weight:500}.form-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-full);font-family:var(--font-display);font-size:12.5px;font-weight:600;white-space:nowrap}.badge-brand{background:var(--brand-100);color:var(--brand-800)}.badge-teal{background:var(--teal-100);color:var(--teal-700)}.badge-success{background:var(--success-100);color:var(--success-600)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-danger{background:var(--danger-100);color:var(--danger-600)}.badge-neutral{background:var(--ink-100);color:var(--ink-500)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.dot-live{background:var(--success-600);box-shadow:0 0 #0e8a5f80;animation:pulse-ring 2s infinite}.muted{color:var(--ink-500)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:600}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.section-title{font-size:clamp(24px,3.4vw,36px);margin-bottom:12px}.section-lead{color:var(--ink-500);font-size:16.5px;max-width:62ch}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-600);margin-bottom:14px}.divider{height:1px;background:var(--ink-100);border:0;margin:0}@keyframes pulse-ring{0%{box-shadow:0 0 #0e8a5f80}70%{box-shadow:0 0 0 7px #0e8a5f00}to{box-shadow:0 0 #0e8a5f00}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(34px,-26px) scale(1.06)}66%{transform:translate(-24px,18px) scale(.96)}}.animate-in{animation:fade-up .5s var(--ease-out) both}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}.skeleton{position:relative;overflow:hidden;background:var(--ink-100);border-radius:var(--r-md)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shimmer 1.4s infinite}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}@media(min-width:900px){::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--ink-50)}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:var(--r-full);border:3px solid var(--ink-50)}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}}@media(max-width:640px){.container{padding-inline:18px}.page{padding-block:28px 60px}.card-pad{padding:18px}.btn-lg{padding:12px 22px;font-size:15px}}