.Home-container{color:#fff;background:#0f172a;width:100%;min-height:100vh}.Home-hero{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;padding:4rem 2rem}.Home-heroTitle{margin-bottom:1rem;font-size:3rem}.Home-heroSubtitle{opacity:.9;font-size:1.25rem}.Home-flowSection,.Home-featureSection{padding:60px 8%}.Home-sectionTitle{text-align:center;margin-bottom:40px;font-size:2.3rem}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px}.Home-flowStep{align-items:center;gap:40px;padding:30px;display:flex}.Home-flowStep.left{flex-direction:row}.Home-flowStep.right{flex-direction:row-reverse}.Home-flowImage{flex:1}.Home-flowImage img{border-radius:20px;width:100%}.Home-flowText{flex:1}.Home-flowText h3{margin-bottom:20px;font-size:2rem}.Home-flowText p{color:#d1d5db;line-height:1.8}.Home-featureGrid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.Home-featureCard{text-align:center;padding:20px}.Home-featureImage img{object-fit:cover;border-radius:16px;width:100%;height:300px}.Home-featureText{margin-top:20px}.Home-featureText h3{margin-bottom:15px;font-size:1.6rem}.Home-featureText p{color:#d1d5db;line-height:1.8}.Home-footer{background:#020617;margin-top:80px;padding:50px 8% 20px}.Home-footerContent{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.Home-footerAbout,.Home-footerSubscribe{flex:1}.Home-logoBox img{width:120px;margin:20px 0}.Home-subscribeForm{gap:10px;margin-top:20px;display:flex}.Home-subscribeInput{border:none;border-radius:10px;flex:1;padding:12px}.Home-subscribeBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 20px}.Home-subscribeBtn:hover{background:#1d4ed8}.Home-subscribeMessage{color:#4ade80;margin-top:15px}.Home-footerBottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px}@media (width<=768px){.Home-flowStep{flex-direction:column!important}.Home-featureGrid{grid-template-columns:1fr}.Home-heroTitle{font-size:2.8rem}.Home-sectionTitle{font-size:2rem}.Home-flowText h3,.Home-featureText h3{font-size:1.5rem}.Home-footerContent,.Home-subscribeForm{flex-direction:column}}.Login-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.Login-card{width:100%;max-width:400px}.Login-title{text-align:center;color:var(--primary);margin-bottom:1.5rem}.Login-error{color:red;text-align:center;margin-bottom:1rem}.Login-field{margin-bottom:1rem}.Login-links{text-align:right;margin-bottom:1rem}.Login-forgotLink{color:var(--primary);font-size:.9rem;text-decoration:none}.Login-forgotLink:hover{text-decoration:underline}.Login-showPassword{align-items:center;margin-bottom:1rem;display:flex}.Login-checkboxLabel{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.Register-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.Register-card{width:100%;max-width:500px}.Register-title{text-align:center;color:var(--primary);margin-bottom:1.5rem}.Register-error{color:red;text-align:center;margin-bottom:1rem}.Register-field{margin-bottom:1rem}.TakeQuiz-container{-webkit-user-select:none;user-select:none;transition:filter .3s;position:relative}.TakeQuiz-container:after{content:"© Exam System – Confidential";color:#0003;pointer-events:none;z-index:999;background:0 0;font-size:10px;position:fixed;bottom:10px;right:10px}.dark .TakeQuiz-container:after{color:#fff3}.TakeQuiz-container.blurred{filter:blur(8px);pointer-events:none}.TakeQuiz-container.blurred .TakeQuiz-blurOverlay{display:flex}.TakeQuiz-blurOverlay{color:#fff;z-index:1000;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;font-size:1.5rem;display:none;position:fixed;inset:0}.TakeQuiz-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.TakeQuiz-title{color:var(--primary)}.TakeQuiz-timer{background:var(--accent);color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:1.25rem;font-weight:700}.TakeQuiz-questionCard{margin-bottom:1.5rem}.TakeQuiz-questionText{margin-bottom:1rem;font-weight:700}.TakeQuiz-choices{flex-direction:column;gap:.75rem;display:flex}.TakeQuiz-choiceLabel{cursor:pointer;align-items:center;gap:.5rem;display:flex}.TakeQuiz-choiceText{flex:1}.TakeQuiz-submitBtn{width:100%}.ForgotPassword-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.ForgotPassword-card{width:100%;max-width:400px}.ForgotPassword-title{text-align:center;color:var(--primary);margin-bottom:1.5rem}.ForgotPassword-field{margin-bottom:1rem}.ForgotPassword-message{color:#155724;text-align:center;background:#d4edda;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.dark .ForgotPassword-message{color:#b9f6ca;background:#1e3a2f}.ForgotPassword-error{color:#721c24;text-align:center;background:#f8d7da;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.ForgotPassword-button{width:100%}.ForgotPassword-links{text-align:center;margin-top:1rem}.ForgotPassword-backLink{color:var(--secondary);text-decoration:none}.ForgotPassword-backLink:hover{text-decoration:underline}.ResetPassword-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.ResetPassword-card{width:100%;max-width:400px}.ResetPassword-title{text-align:center;color:var(--primary);margin-bottom:1.5rem}.ResetPassword-field{margin-bottom:1rem}.ResetPassword-message{color:#155724;text-align:center;background:#d4edda;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.ResetPassword-error{color:#721c24;text-align:center;background:#f8d7da;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.ResetPassword-button{width:100%}.ResetPassword-showPasswords{align-items:center;margin-bottom:1rem;display:flex}.ResetPassword-checkboxLabel{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.Navbar-container{background-color:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 4px #0000001a}.Navbar-logo{font-size:1.5rem;font-weight:700}.Navbar-links{align-items:center;gap:1.5rem;display:flex}.Navbar-link{color:#fff;text-decoration:none;transition:opacity .2s}.Navbar-link:hover{opacity:.8}.Navbar-button{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:.5rem;padding:.25rem 1rem;font-weight:700}.ThemeToggle-button{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0003;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;transition:transform .2s;display:flex;position:fixed;top:1rem;right:1rem}.ThemeToggle-button:hover{transform:scale(1.1)}.ThemeToggle-icon{font-size:1.5rem}:root{--primary:#f6511d;--secondary:#00a6ed;--accent:#582c4d;--bg-light:#ece2d0;--text-light:#395c6b;--card-light:#fff;--border-light:#d1d5db}.dark{--primary:#f6511d;--secondary:#00a6ed;--accent:#582c4d;--bg-dark:#1a111c;--text-dark:#ece2d0;--card-dark:#2a1f2e;--border-dark:#4a3b52}body{background-color:var(--bg-light);color:var(--text-light);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.dark body{background-color:var(--bg-dark);color:var(--text-dark)}*{box-sizing:border-box}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--card-light);border-radius:1rem;padding:1.5rem;transition:background .3s;box-shadow:0 10px 15px -3px #0000001a}.dark .card{background:var(--card-dark);box-shadow:0 10px 15px -3px #0000004d}.btn-primary{background:var(--primary);color:#fff;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:600;transition:transform .2s,opacity .2s}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-secondary{background:var(--secondary);color:#fff;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:600}.input{border:1px solid var(--border-light);width:100%;color:var(--text-light);background:#fff;border-radius:.5rem;padding:.5rem 1rem;transition:border .2s}.dark .input{background:var(--card-dark);border-color:var(--border-dark);color:var(--text-dark)}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #f6511d33}label{margin-bottom:.25rem;font-weight:500;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-light);padding:.75rem}.dark th,.dark td{border-bottom-color:var(--border-dark)}
