.footer{background:var(--dark);color:#cbd5e1;padding:3rem 2rem 1.5rem;font-size:.88rem}.footer__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand .brand svg{color:#fff}.footer__brand p{margin-top:.75rem;color:var(--gray-400);max-width:320px;line-height:1.6}.footer__col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:.75rem}.footer__col a{display:block;color:var(--gray-400);padding:.25rem 0}.footer__col a:hover{color:#fff}.footer__bottom{max-width:1100px;margin:1.5rem auto 0;display:flex;justify-content:space-between;align-items:center;color:var(--gray-400);font-size:.8rem}.footer__bottom-links a{color:var(--gray-400);margin-left:1rem}.footer__bottom-links a:hover{color:#fff}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card,.panel{animation:cardIn .28s ease both}@media (prefers-reduced-motion: reduce){.card,.panel{animation:none}}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light)}.btn:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px}:root{--blue: #0f52ba;--blue-dark: #0a3d8f;--blue-light: #e7f0ff;--dark: #0a1628;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-700: #334155;--white: #ffffff;--green: #059669;--green-bg: #ecfdf5;--amber: #d97706;--amber-bg: #fffbeb;--red: #dc2626;--red-bg: #fef2f2;--radius: 12px;--shadow: 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--transition: .18s ease;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--gray-100);color:var(--dark);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:2rem;width:100%}.center-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.nav{background:var(--white);border-bottom:1px solid var(--gray-200);padding:1rem 2rem;position:sticky;top:0;z-index:20}.nav__inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--dark)}.brand:hover{text-decoration:none}.brand svg{width:24px;height:24px;color:var(--blue)}.nav__links{display:flex;align-items:center;gap:1.5rem;font-size:.9rem}.nav__links a{color:var(--gray-700)}.nav__cta{background:var(--blue);color:#fff!important;padding:.5rem 1rem;border-radius:8px;font-weight:600}.nav__cta:hover{background:var(--blue-dark);text-decoration:none}.card{background:var(--white);border-radius:16px;box-shadow:var(--shadow-lg);padding:2.5rem;width:100%}.card--sm{max-width:440px}.card--md{max-width:520px}.card h1{font-size:1.5rem;margin-bottom:.4rem}.card .subtitle{color:var(--gray-500);font-size:.9rem;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--gray-700);margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--gray-200);border-radius:8px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--blue)}.form-group textarea{resize:vertical;min-height:84px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn{width:100%;padding:.85rem;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition)}.btn:hover{background:var(--blue-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--outline{background:#fff;color:var(--blue);border:2px solid var(--blue)}.btn--outline:hover{background:var(--blue);color:#fff}.btn--inline{width:auto;padding:.85rem 1.8rem;white-space:nowrap}.alert{padding:.7rem 1rem;border-radius:8px;font-size:.84rem;margin-bottom:1rem}.alert--error{background:var(--red-bg);color:var(--red)}.alert--success{background:var(--green-bg);color:var(--green)}.steps{display:flex;gap:.5rem;margin-bottom:2rem}.step{flex:1;height:4px;border-radius:2px;background:var(--gray-200)}.step.active{background:var(--blue)}.step.done{background:var(--green)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.kpi{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.kpi__label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;font-weight:600;letter-spacing:.04em;margin-bottom:.3rem}.kpi__value{font-size:1.6rem;font-weight:700}.kpi__value--green{color:var(--green)}.kpi__value--blue{color:var(--blue)}.panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;overflow:hidden}.panel__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.panel__header h3{font-size:1rem}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.7rem 1.5rem;border-bottom:1px solid var(--gray-100)}th{font-size:.72rem;text-transform:uppercase;color:var(--gray-500);font-weight:600;background:var(--gray-100)}.empty{text-align:center;color:var(--gray-500);padding:2rem!important}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:600}.badge--green{background:var(--green-bg);color:var(--green)}.badge--amber{background:var(--amber-bg);color:var(--amber)}.badge--gray{background:var(--gray-100);color:var(--gray-500)}.muted{color:var(--gray-500)}.text-center{text-align:center}.spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.nav__links{gap:.9rem}.kpi-row{grid-template-columns:1fr 1fr}.container{padding:1rem}.footer__inner{grid-template-columns:1fr 1fr;gap:1.5rem}.footer__bottom{flex-direction:column;gap:.75rem;text-align:center}.nav__links a:not(.nav__cta){display:none}}
