#timer,.container img{border-radius:var(--border-radius-sm)}body,h2{font-family:Poppins,sans-serif}.container,h2{position:relative}.container::before,h2::after{background:linear-gradient(90deg,var(--primary),var(--primary-dark))}#startForm button::before,.container::before,h2::after{content:'';position:absolute}#status,#timer{color:var(--danger);font-weight:400;text-align:center}#startForm p,#status,#timer,.logo-container,.pay-button,h2{text-align:center}:root{--primary:#2563eb;--primary-dark:#1a45b8;--primary-light:rgba(37, 99, 235, 0.12);--secondary:#1f2937;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--light:#f8f9fa;--white:#ffffff;--shadow:0 10px 30px rgba(0, 0, 0, 0.1);--shadow-lg:0 20px 60px rgba(0, 0, 0, 0.15);--border-radius:16px;--border-radius-sm:8px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0f1d45 0,#1f3d78 100%);min-height:100vh;padding:20px 0;line-height:1.6}.container{max-width:650px;margin:0 auto;background:var(--white);border-radius:var(--border-radius);padding:40px;box-shadow:var(--shadow-lg);overflow:hidden;animation:.6s ease-out fadeIn}#startForm button,.form-group{max-width:450px;width:100%}.logo-container,h2{margin-bottom:30px}.container::before{top:0;left:0;right:0;height:6px;border-radius:var(--border-radius) var(--border-radius) 0 0}.container.quiz-started .logo-container{display:none}.container img{max-width:200px;height:auto;box-shadow:none;transition:var(--transition)}.container img:hover{transform:translateY(-2px);box-shadow:none}h2{color:#000;font-weight:400;font-size:18px}h2::after{bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;border-radius:2px}#startForm button,.options label{cursor:pointer;position:relative}#inputSet,#startForm input[type=email],#startForm input[type=text],.options label{background:var(--white);padding:16px 20px;transition:var(--transition);font-family:Poppins,sans-serif;font-size:17px}#startForm{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:30px}#startForm p{font-size:17px;color:#000;max-width:500px;margin-bottom:10px;opacity:.8}#startForm label{display:block;font-size:17px;font-weight:400;color:var(--secondary);margin-bottom:8px}#inputSet,#startForm input[type=email],#startForm input[type=text]{width:100%;border:2px solid #e9ecef;border-radius:var(--border-radius-sm)}#inputSet:focus,#startForm input[type=email]:focus,#startForm input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);outline:0;transform:translateY(-1px)}#inputSet{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5'><path fill='%23666' d='m0,1 1,0 1,1 1,-1 1,0 0,1 -2,2 -2,-2 0,-1'/></svg>");background-repeat:no-repeat;background-position:right 20px center;background-size:12px;cursor:pointer}#startForm button{font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:none;padding:18px 32px;font-size:18px;font-weight:400;border-radius:var(--border-radius-sm);transition:var(--transition);box-shadow:0 4px 15px rgba(37,99,235,.3);overflow:hidden}#startForm button::before{top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#startForm button:hover,.pay-button:hover,.send-report-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(37,99,235,.4)}#startForm button:hover::before{left:100%}#startForm button:active,.pay-button:active{transform:translateY(0)}#timer{font-size:15px;margin-bottom:20px;background:rgba(231,76,60,.1);padding:12px 24px;border:1px solid rgba(231,76,60,.2)}.question-header{background:linear-gradient(135deg,var(--light),#e9ecef);padding:20px;border-radius:var(--border-radius-sm);font-weight:400;font-size:17px;margin-bottom:25px;color:#000;border-left:4px solid var(--primary)}.options label.selected,.options label:hover{background:var(--primary-light);border-color:var(--primary)}.options{display:flex;flex-direction:column;gap:12px}.options label{display:flex;align-items:center;border:2px solid #e9ecef;border-radius:var(--border-radius-sm)}.options label:hover{transform:translateX(4px)}.options label.selected{color:var(--primary-dark);font-weight:500}.options input[type=radio]{margin-right:15px;width:20px;height:20px;accent-color:var(--primary)}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;width:100%}.pay-button,.send-report-button{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(37,99,235,.3);font-family:Poppins,sans-serif}.navigation-buttons button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:none;padding:14px 28px;font-size:16px;font-weight:400;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);min-width:120px;font-family:Poppins,sans-serif}.navigation-buttons button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-2px);box-shadow:0 4px 15px rgba(37,99,235,.3)}#status{margin-top:20px;padding:12px;background-color:rgba(255,255,255,.1);border-radius:var(--border-radius-sm);border-style:none;font-family:Poppins,sans-serif}.send-report-button{padding:18px 36px;border:none;border-radius:var(--border-radius-sm);font-size:17px;font-weight:400;text-decoration:none;margin:20px auto}#questionContainer center p{font-size:17px;color:#000;margin-bottom:30px;opacity:.9;font-family:Poppins,sans-serif}#questionContainer center h3{font-family:Poppins,sans-serif;font-weight:400;color:var(--secondary)}.arrow-down{width:40px!important;height:auto;margin:20px auto 30px;opacity:.6;animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pay-button{padding:16px 28px;margin:20px auto;border:none;border-radius:var(--border-radius-sm);font-size:18px;font-weight:600}@media (max-width:768px){#startForm p,.options label{font-size:16px}body{padding:10px 0}.container{margin:10px;padding:30px 25px;border-radius:var(--border-radius-sm)}h2{font-size:17px}#inputSet,#startForm button,#startForm input[type=email],#startForm input[type=text],.form-group{max-width:100%}.navigation-buttons{justify-content:space-between;flex-direction:row}.navigation-buttons button{min-width:100px;flex:0 0 auto}.question-header{padding:16px;font-size:16px}.options label{padding:14px 16px}}@media (max-width:480px){.container{margin:5px;padding:25px 20px}#startForm p,h2{font-size:16px}.question-header{padding:16px;font-size:16px}.options label{padding:14px 16px;font-size:16px}#inputSet,#startForm input[type=email],#startForm input[type=text]{padding:14px 16px;font-size:15px}#startForm button{padding:16px 28px;font-size:16px}}@media (max-width:600px){.container #startForm p{width:100%!important}}

body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8zM14 32l14 8v9M14 32L0 40v9' fill='none' stroke='%23e8c987' stroke-opacity='0.09' stroke-width='1'/%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8z' transform='translate(14 16) scale(0.62) translate(-14 -16)' fill='none' stroke='%23e8c987' stroke-opacity='0.06' stroke-width='1.2'/%3E%3C/svg%3E"),linear-gradient(135deg,#0f1d45 0,#1f3d78 100%)}