:root{--primary: #e11d48;--secondary: #fb7185;--accent: #1e293b;--bg-white: #ffffff;--bg-soft: #fff1f2;--text-main: #1e293b;--text-muted: #64748b;--border: #fecdd3;--shadow: 0 4px 6px -1px rgba(225, 29, 72, .1), 0 2px 4px -2px rgba(225, 29, 72, .1);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-soft);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Outfit,sans-serif;color:var(--primary)}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}.glass-card{background:#fff;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:2.5rem;margin-bottom:2rem;transition:transform .2s ease}@media (max-width: 640px){.container{padding:1rem .75rem}.glass-card{padding:1.5rem 1rem}h1{font-size:1.8rem}.cert-title{font-size:1.5rem!important}.cert-name{font-size:1.8rem!important}.cert-content{padding:5mm!important}}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background-color:#1e40af;transform:translateY(-2px);box-shadow:0 10px 15px -3px #1e3a8a33}.btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none}input[type=text],input[type=email]{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:8px;font-size:1rem;margin-top:.5rem;transition:border-color .2s}input[type=text]:focus,input[type=email]:focus{outline:none;border-color:var(--primary)}.question-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.option-group{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}@media (max-width: 640px){.option-group{grid-template-columns:1fr}}.option-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.option-label:hover{background-color:#f1f5f9}.option-label.selected{border-color:var(--primary);background-color:#eff6ff;font-weight:500}.option-label input[type=radio]{accent-color:var(--primary);width:1.2rem;height:1.2rem}.badge{background:#e0f2fe;color:#0369a1;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;display:inline-block;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}
