body{margin:0;padding:0;font-family:Arial,sans-serif;background:url(https://static.wixstatic.com/media/46c33e_6a5ab55feceb44e8b8e63bd941256b23~mv2.jpg/v1/fill/w_2591,h_1865,al_c,q_90,enc_avif,quality_auto/46c33e_6a5ab55feceb44e8b8e63bd941256b23~mv2.jpg) no-repeat center center fixed;background-size:cover}.content{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;width:90%;max-width:400px}h1{font-size:24px;margin-bottom:15px}button{padding:10px 20px;font-size:16px;color:#000;background:#007bff;border:none;border-radius:5px;cursor:pointer}button:hover{background:#0057b3cc}@media (max-width: 480px){h1{font-size:20px}button{font-size:14px;padding:8px 16px}.container{padding:10px}}@media (max-width: 375px){h1{font-size:20px}button{font-size:14px;padding:8px 16px}.container{padding:16px}}.banner img{width:100%;max-height:200px;object-fit:cover;border-radius:10px 10px 0 0}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.container{display:flex;align-items:center;justify-content:center;height:100vh}.survey{width:100%;max-width:600px;margin:0 auto;padding:20px}.card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%}.card{width:100%;padding:20px;margin-top:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center}h1,h2{font-size:24px;margin-bottom:15px}button{padding:10px 20px;font-size:16px;color:#fff;background:#007bff;border:none;border-radius:5px;cursor:pointer;margin:5px}button:hover{background:#0056b3}button:disabled{background:#6c757d;cursor:not-allowed}.options{display:flex;flex-direction:column;gap:10px;margin-top:15px}.options button{background:#2863a7}.options button:hover{background:#1e4879}.options .selected{background:#226243;color:#fff;font-weight:700}.navigation{margin-top:20px}.navigation button{background:#6c757d}.navigation button:hover{background:#545b62}.navigation .finish{background:#dc3545}.navigation .finish:hover{background:#c82333}.back{background:#ffc107;color:#000}.back:hover{background:#e0a800}.results-table{width:100%;border-collapse:collapse;margin-top:20px}.results-table th,.results-table td{border:1px solid #ddd;padding:10px;text-align:left}.results-table th{background-color:#f4f4f4}.results-table tr.correct{background-color:#eaffea}.results-table tr.incorrect{background-color:#ffeaea}.back-btn{margin-top:20px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.back-btn:hover{background-color:#0056b3}.loader{display:flex;align-items:center;justify-content:center;height:100px;width:100px;background-color:#fff;border-radius:50%;box-shadow:0 4px 6px #0000001a;position:relative}.loader:after{content:"";display:block;width:30px;height:30px;border-radius:50%;border:4px solid #007bff;border-top:4px solid transparent;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){h1,h2{font-size:20px}button{font-size:14px;padding:8px 16px}.survey{width:90%;padding:10px}.card{padding:15px}.results-table th,.results-table td{font-size:14px}}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:5px;margin-bottom:10px}.progress{height:100%;background-color:#4caf50;width:0%;border-radius:5px;transition:width .3s ease-in-out}