.survey-app{--survey-app-bg-primary:#e8eef5;--survey-app-bg-secondary:#f3f6fa;--survey-app-text-primary:var(--bs-body-color);--survey-app-text-secondary:var(--bs-secondary-color);--survey-app-text-muted:var(--bs-secondary-color);--survey-app-accent:#4a7ba7;--survey-app-accent-dark:#2f5c85;--survey-app-border:var(--bs-border-color);--survey-app-paper:#fafcfe;--survey-app-border-radius:8px;--survey-app-shadow-soft:rgba(var(--bs-body-color-rgb), 0.08);--survey-app-shadow-medium:rgba(var(--bs-body-color-rgb), 0.12);--survey-app-shadow-strong:rgba(var(--bs-body-color-rgb), 0.16);font-family:Inter,sans-serif;background-color:var(--survey-app-bg-primary);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--bs-body-color-rgb),.01) 2px,rgba(var(--bs-body-color-rgb),.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(var(--bs-body-color-rgb),.01) 2px,rgba(var(--bs-body-color-rgb),.01) 4px);min-height:100vh;color:var(--survey-app-text-primary);padding:3rem 0}.survey-app .container{max-width:800px}.survey-app .survey-title{font-size:2.5rem;font-weight:700;color:var(--survey-app-text-primary);margin-bottom:1rem;letter-spacing:-.03em;text-shadow:2px 2px 0 rgba(var(--bs-light-rgb),.5)}.survey-app .survey-subtitle{font-size:1.125rem;color:var(--survey-app-text-secondary);font-weight:400;margin-bottom:0;line-height:1.6}.survey-app .survey-form{background-color:var(--survey-app-paper);padding:2rem;box-shadow:0 1px 3px var(--survey-app-shadow-soft),0 10px 30px var(--survey-app-shadow-medium),inset 0 1px 0 rgba(var(--bs-light-rgb),.8);border:1px solid var(--survey-app-border);position:relative}.survey-app .survey-form::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--survey-app-accent) 0,var(--survey-app-accent-dark) 100%);border-radius:4px 4px 0 0}@media (min-width:768px){.survey-app .survey-title{font-size:3.5rem}.survey-app .survey-form{padding:3rem 3.5rem}}.survey-app .survey-section{padding:1rem;margin-bottom:1.5rem}@media (min-width:576px){.survey-app .survey-section{padding:2.5rem;margin-bottom:0}}.survey-app .section-title{font-size:1.5rem;font-weight:700;color:var(--survey-app-text-primary);margin-bottom:1.75rem;letter-spacing:-.02em;position:relative;padding-bottom:.75rem}.survey-app .section-title::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--survey-app-accent);border-radius:var(--survey-app-border-radius);box-shadow:0 1px 2px var(--survey-app-shadow-soft)}.survey-app .form-label{font-weight:600;color:var(--survey-app-text-primary);margin-bottom:.875rem;font-size:.95rem;display:block}.survey-app .form-control,.survey-app .form-select{border:1px solid var(--survey-app-border);border-radius:var(--survey-app-border-radius);padding:.875rem 1.125rem;font-size:1rem;background-color:var(--survey-app-paper);color:var(--survey-app-text-primary);box-shadow:inset 0 1px 3px var(--survey-app-shadow-soft),0 1px 0 rgba(var(--bs-light-rgb),.8);transition:.2s}.survey-app .form-control::placeholder{color:var(--survey-app-text-muted)}.survey-app .form-control:hover,.survey-app .form-select:hover{border-color:var(--survey-app-accent);box-shadow:inset 0 1px 3px var(--survey-app-shadow-soft),0 1px 0 rgba(var(--bs-light-rgb),.8),0 0 0 3px rgba(74,123,167,.08)}.survey-app .form-control:focus,.survey-app .form-select:focus{border-color:var(--survey-app-accent);outline:0;box-shadow:inset 0 1px 3px var(--survey-app-shadow-soft),0 1px 0 rgba(var(--bs-light-rgb),.8),0 0 0 4px rgba(74,123,167,.12)}.survey-app textarea.form-control{resize:vertical;min-height:120px}.survey-app .radio-group{display:flex;flex-direction:column;gap:.625rem;margin-bottom:2rem}.survey-app .form-check{padding:.9rem 1.1rem .9rem 1rem;display:flex;align-items:center;margin-bottom:0;background-color:var(--survey-app-paper);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231a2332' fill-opacity='0.015' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E");border:1px solid var(--survey-app-border);border-radius:var(--survey-app-border-radius);cursor:pointer;box-shadow:inset 0 1px 2px var(--survey-app-shadow-soft),0 1px 0 rgba(var(--bs-light-rgb),.6);transition:.2s}.survey-app .form-check:hover{border-color:var(--survey-app-accent);box-shadow:inset 0 1px 2px var(--survey-app-shadow-soft),0 1px 0 rgba(var(--bs-light-rgb),.6),0 2px 8px var(--survey-app-shadow-soft);transform:translateX(4px)}.survey-app .form-check:has(input:checked){background-color:var(--bs-light);border-color:var(--survey-app-accent);box-shadow:inset 0 1px 2px rgba(74,123,167,.08),0 1px 0 rgba(var(--bs-light-rgb),.6),0 2px 8px rgba(74,123,167,.15)}.survey-app .form-check-input{width:1.25rem;height:1.25rem;margin-right:.75rem;margin-top:0;cursor:pointer;border:2px solid var(--survey-app-border);background-color:var(--survey-app-paper);flex-shrink:0;transition:.2s;appearance:none;-webkit-appearance:none;position:relative;box-shadow:inset 0 1px 2px var(--survey-app-shadow-soft)}.survey-app .form-check-input:checked{background-color:var(--survey-app-accent);border-color:var(--survey-app-accent-dark);box-shadow:inset 0 1px 3px rgba(var(--bs-dark-rgb),.2),0 1px 0 rgba(var(--bs-light-rgb),.8)}.survey-app .form-check-input:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--bs-white);border-radius:50%;box-shadow:0 1px 2px rgba(var(--bs-dark-rgb),.3)}.survey-app .form-check-input:focus{outline:0;box-shadow:inset 0 1px 2px var(--survey-app-shadow-soft),0 0 0 3px rgba(74,123,167,.2)}.survey-app .form-check-label,.survey-app .multi-select-option span{font-size:.95rem;font-weight:500}.survey-app .multi-select-grid{display:flex;gap:.75rem;flex-wrap:wrap}.survey-app .multi-select-option{padding:.9rem 1.25rem;background-color:var(--survey-app-paper);border:1px solid var(--survey-app-border);border-radius:var(--survey-app-border-radius);cursor:pointer;transition:.2s;box-shadow:inset 0 1px 2px var(--survey-app-shadow-soft),0 1px 0 rgba(var(--bs-light-rgb),.6);user-select:none}.survey-app .multi-select-option:hover{border-color:var(--survey-app-accent);background-color:var(--bs-light);transform:translateY(-2px);box-shadow:inset 0 1px 2px var(--survey-app-shadow-soft),0 1px 0 rgba(var(--bs-light-rgb),.6),0 4px 12px var(--survey-app-shadow-soft)}.survey-app .multi-select-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.survey-app .multi-select-option:has(input:checked){background-color:var(--survey-app-accent);border-color:var(--survey-app-accent-dark);box-shadow:inset 0 1px 3px rgba(var(--bs-dark-rgb),.15),0 1px 0 rgba(var(--bs-light-rgb),.8),0 4px 12px rgba(74,123,167,.25)}.survey-app .multi-select-option:has(input:checked) span{color:var(--bs-white);font-weight:600;text-shadow:0 1px 2px rgba(var(--bs-dark-rgb),.15)}.survey-app .multi-select-option:has(input:checked):hover{background-color:var(--survey-app-accent-dark);transform:translateY(-2px)}.survey-app .btn-submit{background:linear-gradient(135deg,var(--survey-app-accent) 0,var(--survey-app-accent-dark) 100%);color:var(--bs-white);border:none;border-radius:var(--survey-app-border-radius);padding:1.1rem 3.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s;letter-spacing:.02em;box-shadow:0 10px 25px rgba(74,123,167,.3),inset 0 1px 0 rgba(var(--bs-light-rgb),.3)}.survey-app .btn-submit:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(74,123,167,.4),inset 0 1px 0 rgba(var(--bs-light-rgb),.3)}.survey-app .btn-submit:active{transform:translateY(-1px)}.survey-app .btn-submit:focus{outline:0;color:var(--bs-white);box-shadow:0 10px 25px rgba(74,123,167,.3),inset 0 1px 0 rgba(var(--bs-light-rgb),.3),0 0 0 4px rgba(74,123,167,.25)}