:root{--navy: #0a1628;--navy-light: #132240;--navy-mid: #1a2d4f;--teal: #00d4aa;--teal-light: #33ffd4;--teal-dark: #00a885;--teal-glow: rgba(0, 212, 170, .15);--amber: #f59e0b;--coral: #f97066;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--section-pad: 96px;--container: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font);color:var(--gray-800);background:var(--white);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container);margin:0 auto;padding:0 24px}a{text-decoration:none;color:inherit;transition:color .2s}button{font-family:var(--font);cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}.btn-primary{background:var(--teal);color:var(--navy);font-weight:600;font-size:16px;padding:14px 32px;border-radius:var(--radius-full);transition:all .25s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--teal-light);transform:translateY(-1px);box-shadow:0 8px 24px #00d4aa4d}.btn-secondary{background:transparent;color:var(--white);font-weight:500;font-size:16px;padding:14px 32px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.3);transition:all .25s ease}.btn-secondary:hover{border-color:var(--teal);color:var(--teal)}.btn-dark{background:var(--navy);color:var(--white);font-weight:600;font-size:16px;padding:14px 32px;border-radius:var(--radius-full);transition:all .25s ease}.btn-dark:hover{background:var(--navy-light);transform:translateY(-1px);box-shadow:0 8px 24px #0a16284d}.section-tag{display:inline-block;background:var(--teal-glow);color:var(--teal-dark);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:6px 16px;border-radius:var(--radius-full);margin-bottom:16px}.section-title{font-size:40px;font-weight:700;color:var(--navy);line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:18px;color:var(--gray-500);max-width:640px;line-height:1.7}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:260px;background:var(--navy);color:var(--white);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:transform .3s ease}.app-main{flex:1;margin-left:260px;background:var(--gray-50);min-height:100vh}.app-topbar{height:64px;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 32px;gap:16px;position:sticky;top:0;z-index:40}.app-content{padding:32px}.metric-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:24px;transition:all .25s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000000f}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--active{background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pulse 2s infinite}.status-dot--completed{background:var(--gray-400)}.status-dot--failed{background:var(--coral);box-shadow:0 0 8px var(--coral)}.status-dot--deploying{background:var(--amber);animation:pulse 1.5s infinite}.status-dot--healthy{background:var(--teal)}.status-dot--degraded{background:var(--amber)}.status-dot--offline{background:var(--coral)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.badge--teal{background:var(--teal-glow);color:var(--teal-dark)}.badge--navy{background:#0a162814;color:var(--navy)}.badge--amber{background:#f59e0b1f;color:#b45309}.badge--coral{background:#f970661f;color:#dc2626}.badge--gray{background:var(--gray-100);color:var(--gray-600)}.badge--platinum{background:linear-gradient(135deg,#00d4aa26,#00a88526);color:var(--teal-dark)}.badge--gold{background:#f59e0b1f;color:#b45309}.badge--silver{background:var(--gray-100);color:var(--gray-600)}.badge--bronze{background:#b4530914;color:#92400e}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.confidence-bar{height:6px;border-radius:3px;background:var(--gray-100);overflow:hidden}.confidence-bar__fill{height:100%;border-radius:3px;transition:width .6s ease}.step-indicator{display:flex;align-items:center;gap:0}.step-indicator__step{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--gray-400);transition:all .3s ease}.step-indicator__step--active{color:var(--teal);font-weight:600}.step-indicator__step--completed{color:var(--teal-dark)}.step-indicator__line{width:40px;height:2px;background:var(--gray-200);transition:background .3s}.step-indicator__line--active{background:var(--teal)}.input-field{width:100%;padding:12px 16px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font);font-size:14px;color:var(--gray-800);background:var(--white);transition:all .2s;outline:none}.input-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow)}.input-field::placeholder{color:var(--gray-400)}.input-label{display:block;font-size:13px;font-weight:500;color:var(--gray-600);margin-bottom:6px}@media(max-width:768px){.app-sidebar{transform:translate(-100%)}.app-sidebar--open{transform:translate(0)}.app-main{margin-left:0}.app-content{padding:16px}}@media(max-width:768px){:root{--section-pad: 64px}.section-title{font-size:28px}.section-subtitle{font-size:16px}}