@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--sg-navy: #002060;--sg-red: #CC0033;--sg-blue-accent: #0055A5;--sg-gray-50: #F8FAFC;--sg-white: #FFFFFF;--sg-border: #E2E8F0;--frlq-navy: #1B2B4B;--frlq-blue: #2563EB;--frlq-teal: #0F7A6E;--frlq-amber: #B45309;--frlq-red: #C0392B;--frlq-green: #166534;--frlq-gray-50: #F9FAFB;--frlq-gray-100: #F3F4F6;--frlq-gray-200: #E5E7EB;--frlq-gray-500: #6B7280;--frlq-gray-900: #111827;--cluster-a: #2563EB;--cluster-b: #B45309;--cluster-c: #0F7A6E;--cluster-d: #7C3AED;--cluster-e: #0891B2;--cluster-f: #166534;--font-family: "Inter", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .07);--page-width: 794px;--page-height: 1123px;--page-padding: 48px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--sg-gray-50);color:#1a1a2e;font-size:15px;line-height:1.5}.card{background:var(--sg-white);border:1px solid var(--sg-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.progress-bar{width:100%;height:4px;background:var(--sg-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--sg-navy),var(--sg-blue-accent));border-radius:var(--radius-full);transition:width .4s ease}.cluster-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#fff;font-size:17px;font-weight:var(--font-weight-semibold)}.cluster-header__badge{width:32px;height:32px;border-radius:var(--radius-full);background:#ffffff40;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:14px;flex-shrink:0}.rating-group{display:flex;gap:var(--space-2);width:100%}.rating-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border:2px solid var(--sg-border);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.rating-btn__score{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--sg-navy)}.rating-btn__label{font-size:9px;color:#6b7280;text-align:center;line-height:1.2}.rating-btn.selected{border-color:var(--sg-blue-accent);background:#eff6ff}.rating-btn.selected .rating-btn__score{color:var(--sg-navy);font-weight:var(--font-weight-bold)}.btn-primary{background:var(--sg-navy);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-3) var(--space-8);font-size:15px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity .2s}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary:hover:not(:disabled){opacity:.88}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-medium)}.loader{width:40px;height:40px;border:3px solid var(--sg-border);border-top-color:var(--sg-navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-counter{font-size:13px;color:var(--frlq-gray-500);font-weight:var(--font-weight-medium)}.powered-by{font-size:11px;color:#9ca3af;text-align:center;margin-top:var(--space-6)}.screen-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:var(--space-8) var(--space-4);background:var(--sg-gray-50)}.screen-wrapper--centered{align-items:center}.screen-card{width:100%;max-width:640px}.screen-card--center{text-align:center}.questionnaire-wrapper{width:100%;max-width:680px;display:flex;flex-direction:column;gap:var(--space-4)}.sg-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--sg-border)}.sg-header__logo{width:36px;height:36px;background:var(--sg-navy);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:13px;letter-spacing:.5px}.sg-header__programme{font-size:13px;color:var(--frlq-gray-500);font-weight:var(--font-weight-medium)}.screen-title{font-size:24px;font-weight:var(--font-weight-bold);color:var(--sg-navy);margin-bottom:var(--space-3)}.screen-subtitle{font-size:15px;color:var(--frlq-gray-500);margin-bottom:var(--space-4);line-height:1.6}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}.role-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:2px solid var(--sg-border);border-radius:var(--radius-lg);background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.role-card:hover{border-color:var(--sg-navy);box-shadow:var(--shadow-card)}.role-card__label{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--sg-navy)}.role-card__desc{font-size:12px;color:var(--frlq-gray-500)}.role-assigned{margin-top:var(--space-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.role-assigned__label{font-size:13px;color:var(--frlq-gray-500);font-weight:var(--font-weight-medium)}.role-pill{background:var(--sg-navy);color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:14px;font-weight:var(--font-weight-semibold)}.setup-role-badge{margin-bottom:var(--space-4)}.pill--navy{background:var(--sg-navy);color:#fff}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--frlq-gray-900);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--sg-border);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-family);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--sg-blue-accent)}.button-row{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.btn-secondary{padding:var(--space-3) var(--space-6);border:2px solid var(--sg-border);border-radius:var(--radius-full);background:#fff;font-size:15px;font-weight:var(--font-weight-semibold);color:var(--sg-navy);cursor:pointer}.mt-6{margin-top:var(--space-6)}.progress-header{display:flex;flex-direction:column;gap:var(--space-2)}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{display:flex;flex-direction:column;gap:var(--space-4)}.item-card--importance{border-left:3px solid var(--sg-blue-accent)}.item-text{font-size:15px;color:var(--frlq-gray-900);line-height:1.6}.item-number{font-weight:var(--font-weight-semibold);color:var(--sg-navy)}.importance-label{font-size:14px;color:var(--frlq-gray-500)}.questionnaire-footer{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding-bottom:var(--space-8)}.validation-hint{font-size:12px;color:var(--frlq-red)}.done-icon{width:60px;height:60px;border-radius:50%;background:#dcfce7;color:var(--frlq-green);font-size:28px;display:flex;align-items:center;justify-content:center;margin:24px auto}@media (max-width: 480px){.role-grid{grid-template-columns:1fr}.rating-btn__label{display:none}.screen-wrapper{padding:var(--space-4) var(--space-2)}}