html,body{height:auto;min-height:100vh;max-width:100vw;overflow-x:hidden}body{position:relative;display:block;padding:20px;margin:0;font-family:Be Vietnam Pro,sans-serif;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#10b98199;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#10b981e6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url(/assets/img/home/real/classroom.jpg) center/cover no-repeat;filter:blur(12px) brightness(.85);transform:scale(1.05);z-index:-1}.exam-card{background:#fff;width:100%;max-width:580px;margin:40px auto;padding:40px;border-radius:20px;box-shadow:0 20px 40px #00000026;position:relative;border:1px solid rgba(255,255,255,.2)}.logo-container{text-align:center;margin-bottom:24px}.logo-container img{height:60px;width:auto}.exam-title{font-size:24px;font-weight:800;color:#0f172a;text-align:center;margin-bottom:8px}.exam-subtitle{font-size:14px;color:#64748b;text-align:center;margin-bottom:32px;line-height:1.6}.form-group{margin-bottom:20px}.form-label{font-size:11px;font-weight:800;color:#475569;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.5px}.form-control{width:100%;background:#fff;border:1px solid #e2e8f0;padding:12px 16px;border-radius:8px;font-family:inherit;font-size:14px;color:#1e293b;transition:all .2s;box-sizing:border-box}.form-control::placeholder{color:#94a3b8;font-weight:400;letter-spacing:normal}.form-control:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.btn-primary{width:100%;background:#10b981;color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98140}.btn-primary:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.exam-interface{display:none}.exam-interface.active{display:block}.timer-badge{background:var(--surface2);padding:8px 16px;border-radius:20px;font-weight:800;color:var(--t1);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border)}.question-card{background:var(--surface2);padding:24px;border-radius:16px;border:1px solid var(--border);margin-bottom:24px}.option-label{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:12px;background:var(--surface1)}.option-label:hover{border-color:var(--g400);background:#10b9810d}.option-label.selected{border-color:var(--g400);background:#10b9811a}.nav-buttons{display:flex;justify-content:space-between;margin-top:24px}.progress-bar{height:6px;background:var(--surface3);border-radius:3px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:var(--g400);width:0%;transition:width .3s ease}.result-screen{display:none;text-align:center}.result-screen.active{display:block}.score-circle{width:120px;height:120px;border-radius:50%;background:var(--surface2);border:8px solid var(--g400);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:var(--t1);margin:0 auto 24px}