@charset "UTF-8";:root{--primary: #0d9488;--primary-dark: #0f766e;--primary-darker: #115e59;--primary-light: #ccfbf1;--primary-glow: rgba(13, 148, 136, .35);--accent: #f59e0b;--accent-light: #fef3c7;--text: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--surface: #ffffff;--surface-muted: #f1f5f9;--surface-elevated: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--bg: #f8fafc;--bg-mesh: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(13, 148, 136, .12), transparent), radial-gradient(ellipse 60% 40% at 100% 0%, rgba(245, 158, 11, .06), transparent), var(--bg);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 4px 20px rgba(15, 23, 42, .06);--shadow-md: 0 12px 40px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 64px rgba(15, 23, 42, .12);--shadow-primary: 0 8px 32px var(--primary-glow);--ease-out: cubic-bezier(.22, 1, .36, 1);--header-h: 72px;--content-max: 1200px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg-mesh);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary-light);color:var(--primary-darker)}h1,h2,h3{letter-spacing:-.025em}a{color:inherit}img{max-width:100%;height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;font-family:inherit;text-decoration:none;border:none;cursor:pointer;transition:background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-darker) 100%);box-shadow:0 12px 36px var(--primary-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{background:var(--surface);color:var(--primary-dark);border:2px solid var(--border-strong);box-shadow:var(--shadow-xs)}.btn-outline:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light);color:var(--primary-darker)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-muted)}.btn-lg{padding:.85rem 1.65rem;font-size:1.05rem;border-radius:var(--radius-md)}.btn-sm{padding:.4rem .85rem;font-size:.85rem}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{font-family:inherit;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px #0d948826}.page-header{margin-bottom:1.75rem}.page-header h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.page-intro{margin:.35rem 0 0;color:var(--text-muted);font-size:1rem;max-width:36rem}.section-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-dark);background:var(--primary-light);padding:.35rem .85rem;border-radius:999px;margin-bottom:.85rem}.section-title{margin:0 0 .5rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800}.section-lead{margin:0 0 2rem;color:var(--text-muted);max-width:32rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.empty-state p{margin:0 0 1.25rem;color:var(--text-muted);font-size:1.05rem}.loading-state{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.loading-spinner{width:44px;height:44px;margin:0 auto 1rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}