*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:2rem}header h1{font-size:1.8rem;font-weight:700;color:#f8fafc}header p{color:#94a3b8;margin-top:.4rem;font-size:.95rem}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.card h2{font-size:1rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 500px){.grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.8rem;color:#94a3b8}.field input,.field select{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.5rem .75rem;color:#f1f5f9;font-size:.9rem;outline:none;transition:border-color .2s}.field input:focus,.field select:focus{border-color:#6366f1}button[type=submit]{width:100%;padding:.85rem;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}button[type=submit]:hover{background:#4f46e5}button[type=submit]:disabled{background:#334155;cursor:not-allowed}.result-card{background:#1e293b;border-radius:12px;padding:1.5rem;border:1px solid #334155}.risk-badge{display:inline-block;padding:.3rem 1rem;border-radius:999px;font-weight:700;font-size:1rem;margin-bottom:1rem}.risk-alto{background:#7f1d1d;color:#fca5a5}.risk-medio{background:#78350f;color:#fcd34d}.risk-bajo{background:#14532d;color:#86efac}.probability{font-size:3rem;font-weight:800;color:#f8fafc;line-height:1}.probability span{font-size:1.2rem;color:#94a3b8;font-weight:400}.features{margin-top:1.2rem}.features h3{font-size:.85rem;color:#94a3b8;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.05em}.feature-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.feature-bar .label{font-size:.85rem;width:200px;flex-shrink:0}.bar-bg{flex:1;background:#0f172a;border-radius:4px;height:8px}.bar-fill{height:8px;border-radius:4px;background:#6366f1;transition:width .6s ease}.imp-val{font-size:.75rem;color:#64748b;width:45px;text-align:right}.error{color:#f87171;background:#7f1d1d33;border-radius:8px;padding:.75rem 1rem;margin-top:1rem;font-size:.9rem}