.navbar-container{width:100%;padding:20px 40px;background-color:#3a210d;color:#f3d6a0;display:flex;justify-content:space-between;align-items:center;font-family:Georgia,serif;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px #0000004d}.navbar-logo{font-size:22px;font-weight:700;cursor:pointer;letter-spacing:1px}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.navbar-toggle .bar{height:3px;width:25px;background-color:#f3d6a0;margin:4px 0;transition:.4s}.navbar-menu{list-style:none;display:flex;gap:30px;font-size:16px}.navbar-menu li{cursor:pointer;transition:.3s}.navbar-menu li a{color:#f3d6a0;text-decoration:none}.navbar-menu li:hover{text-decoration:underline}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:70px;right:30px;background:#3a210d;flex-direction:column;gap:20px;padding:20px;border:2px solid #a6793d;border-radius:8px;display:none;box-shadow:0 0 20px #0006}.navbar-menu.show{display:flex}}.home-ancient-wrapper{min-height:100vh;background:radial-gradient(#3a210d 20%,#2a1808);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;color:#f3d6a0;padding:40px}.ancient-frame{background:linear-gradient(145deg,#3a210d,#241203);width:100%;max-width:1200px;padding:60px 50px;display:flex;justify-content:space-between;box-shadow:0 0 80px #ffd6961a,0 0 0 3px #ffd69612;border-radius:18px;position:relative}.left-content{flex:1;padding-right:40px;display:flex;flex-direction:column;justify-content:center}.left-content h1{font-size:60px;line-height:1.2;margin-bottom:25px;color:#ffe5b4;letter-spacing:1.5px}.left-content p{font-size:18px;margin-bottom:30px;color:#f4ddb3}.start-btn{background:transparent;border:2px solid #f3d6a0;color:#f3d6a0;padding:12px 30px;font-size:18px;cursor:pointer;transition:.3s;width:fit-content}.start-btn:hover{background:#f3d6a0;color:#4b2e14}.nav-links{margin-top:50px;display:flex;gap:40px;font-size:16px;opacity:.85}.nav-links span{cursor:pointer;transition:.3s}.nav-links span:hover{text-decoration:underline}.right-image-frame{flex:1;display:flex;align-items:center;justify-content:center}.sardar-box{background:#fef9f0;padding:20px;border-radius:12px;box-shadow:0 4px 20px #0006,inset 0 0 40px #0000000d,0 0 0 4px #ffd29626;transition:.3s}.sardar-box img{max-width:300px;width:100%;filter:sepia(50%) contrast(1.1);border-radius:10px}@media (max-width: 1024px){.ancient-frame{flex-direction:column;align-items:center;padding:40px 30px}.left-content{padding:0;align-items:center;text-align:center}.left-content h1{font-size:42px}.nav-links{justify-content:center;flex-wrap:wrap}.right-image-frame{margin-top:40px}}@media (max-width: 600px){.home-ancient-wrapper{padding:20px}.ancient-frame{padding:30px 20px}.left-content h1{font-size:34px}.left-content p{font-size:15px}.start-btn{padding:10px 20px;font-size:16px}.nav-links{gap:25px;font-size:14px}.sardar-box img{max-width:220px}}.top-image-wrapper{width:100%;text-align:center;cursor:pointer;margin-bottom:20px}.top-main-image{width:100%;max-width:900px;border-radius:10px;transition:transform .25s ease}.top-image-wrapper{width:100%;text-align:center;cursor:pointer;padding:20px 0}.top-main-image{width:100%;max-width:900px;border-radius:10px;transition:transform .25s ease,opacity .2s ease}.top-main-image:hover{transform:scale(1.02)}.top-image-wrapper{width:100%;display:flex;justify-content:center;padding:25px 0;cursor:pointer}.top-main-image{width:65%;max-width:480px;border-radius:12px;transition:transform .25s ease}.top-main-image:hover{transform:scale(1.03)}@media (max-width: 768px){.top-main-image{width:90%;max-width:350px}}.signup-wrapper{min-height:100vh;background:radial-gradient(#3a210d 20%,#2a1808);display:flex;justify-content:center;align-items:center;padding:20px;font-family:Georgia,serif;box-sizing:border-box;overflow:hidden}.signup-box{background:#2c1608;border:2px solid #a77a3d;padding:32px;max-width:400px;width:100%;border-radius:12px;color:#f3d6a0;box-shadow:0 0 40px #ffdc961a;display:flex;flex-direction:column;justify-content:space-between;max-height:90vh;overflow-y:auto}.signup-box h2{text-align:center;margin-bottom:24px;font-size:24px;color:#ffdba0}.signup-box form{display:flex;flex-direction:column;gap:14px}.signup-box input{padding:10px 12px;font-size:15px;border:none;border-radius:6px;background:#fef9f0;color:#3a210d}.signup-box button{padding:11px;background:transparent;border:2px solid #f3d6a0;color:#f3d6a0;cursor:pointer;transition:.3s;font-size:15px;border-radius:6px}.signup-box button:hover{background:#f3d6a0;color:#3a210d}.google-btn{margin-top:6px}.or-divider{text-align:center;margin:14px 0;color:#f3d6a088;font-size:14px}.msg{text-align:center;margin-top:10px;font-size:13px;color:#ffc377}.checkbox-section{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.3}.checkbox-warning{color:#ff9585;font-size:13px;margin-top:.3rem;animation:shake .3s ease-in-out;text-align:left}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@media (max-width: 600px){.signup-box{padding:20px 18px;max-height:94vh}.signup-box h2{font-size:20px;margin-bottom:20px}.signup-box input{font-size:14px;padding:9px 10px}.signup-box button{font-size:14px;padding:10px}.checkbox-section{font-size:12.5px;gap:8px}.or-divider{font-size:13px;margin:12px 0}.msg{font-size:12.5px}}.login-wrapper{min-height:100vh;background:radial-gradient(#3a210d 20%,#2a1808);display:flex;justify-content:center;align-items:center;padding:30px;font-family:Georgia,serif}.login-box{background:#2c1608;border:2px solid #a77a3d;padding:40px;max-width:400px;width:100%;border-radius:12px;color:#f3d6a0;box-shadow:0 0 40px #ffdc961a}.login-box h2{text-align:center;margin-bottom:30px;font-size:26px;color:#ffdba0}.login-box form{display:flex;flex-direction:column}.login-box input[type=email],.login-box input[type=password]{padding:12px;margin-bottom:20px;font-size:16px;border:none;border-radius:6px;background:#fef9f0;color:#3a210d}.login-box button{padding:12px;background:transparent;border:2px solid #f3d6a0;color:#f3d6a0;cursor:pointer;transition:.3s;font-size:16px;border-radius:6px}.login-box button:hover{background:#f3d6a0;color:#3a210d}.google-btn{margin-top:10px}.or-divider{text-align:center;margin:20px 0;color:#f3d6a088}.msg{text-align:center;margin-top:15px;font-size:14px;color:#ffc377}.checkbox-section{display:flex;align-items:flex-start;font-size:.9rem;margin-bottom:20px;gap:.5rem;color:#f3d6a0}.checkbox-section input[type=checkbox]{margin-top:.25rem;transform:scale(1.2);accent-color:#f3d6a0}.checkbox-section a{color:#a3ef94;text-decoration:underline;font-weight:700}.checkbox-section a:hover{color:#fc8;text-shadow:0 0 6px #f5d7a0}@media (max-width: 768px){.login-box{padding:30px 25px}.login-box h2{font-size:24px}.login-box button{font-size:15px}.checkbox-section{font-size:.85rem;flex-direction:row}.checkbox-section label{flex:1}}@media (max-width: 480px){.login-box{padding:24px 16px}.login-box h2{font-size:20px}.login-box input,.login-box button{font-size:14px}.checkbox-section{flex-direction:column;align-items:flex-start;gap:.2rem}}.register-container{min-height:100vh;background:#3b2e1e;display:flex;align-items:center;justify-content:center;padding:60px 25px;box-sizing:border-box;font-family:Segoe UI,sans-serif}.register-form{width:100%;max-width:1100px;background:#fff;border-radius:14px;padding:40px 32px;box-shadow:0 12px 40px #00000059;box-sizing:border-box;transition:all .3s ease}.register-form h2{text-align:center;margin-bottom:35px;font-size:28px;color:#5b3e1e;font-weight:700;letter-spacing:1px}.form-grid{display:grid;grid-template-areas:"field-1 field-2 field-3" ".       field-4 ." "field-5 field-6 field-7" "field-8 field-9 ." "field-10 field-10 field-10";gap:20px}.field-1{grid-area:field-1}.field-2{grid-area:field-2}.field-3{grid-area:field-3}.field-4{grid-area:field-4}.field-5{grid-area:field-5}.field-6{grid-area:field-6}.field-7{grid-area:field-7}.field-8{grid-area:field-8}.field-9{grid-area:field-9}.field-10{grid-area:field-10}.form-grid input,.form-grid select{width:100%;min-width:100px;max-width:100%;padding:14px 16px;font-size:15px;border:1px solid #cfa552;border-radius:10px;background:#fff;color:#3b2e1e;transition:width .3s ease;box-sizing:border-box;resize:none;overflow:hidden}.form-grid input.dynamic-input{display:inline-block;white-space:nowrap}.form-grid input.expanded{width:auto;min-width:100%}.form-grid input::placeholder,.form-grid select option{color:#b6a175}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:#a97c2e;box-shadow:0 0 10px #a97c2e40}.register-form button{margin-top:40px;display:block;padding:14px 36px;font-size:16px;color:#fff;background:#a97c2e;border:none;border-radius:8px;cursor:pointer;transition:.3s ease;font-weight:600;margin-left:auto;margin-right:auto}.register-form button:hover{background:#b78c3e;transform:scale(1.02);box-shadow:0 0 10px #a97c2e4d}.play-btn{margin-top:25px;padding:14px 34px;background-color:#b17206;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:.3s ease}.play-btn:hover{background-color:#945d04;transform:scale(1.03)}.register-msg{text-align:center;font-size:20px;color:#5b3e1e;padding:80px 30px}@media (max-width: 768px){.form-grid{grid-template-areas:"field-1" "field-2" "field-3" "field-4" "field-5" "field-6" "field-7" "field-8" "field-9" "field-10"}}.quiz-container{min-height:100vh;background:#2e1a09;color:#f5d7a0;padding:2rem;font-family:Georgia,serif;display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.quiz-intro,.quiz-result,.quiz-review{width:100%;max-width:720px;background:#3b210e;padding:2rem;border:2px solid #f5d7a0;border-radius:12px;box-shadow:0 0 20px #f5d7a01a;text-align:center}.quiz-intro h1{font-size:2.8rem;margin-bottom:1rem;color:#f5d7a0}.quiz-intro p{font-size:1.1rem}.quiz-intro select{margin:1.2rem 0;padding:.6rem 1rem;font-size:1rem;background:#2e1a09;color:#f5d7a0;border:2px solid #f5d7a0;border-radius:6px;width:100%;max-width:300px}.quiz-intro button{padding:.8rem 2rem;background:transparent;color:#f5d7a0;font-size:1.1rem;border:2px solid #f5d7a0;cursor:pointer;margin-top:1rem;transition:all .3s ease;border-radius:6px}.quiz-intro button:hover{background:#f5d7a0;color:#2e1a09}.register-btn{margin-top:1.2rem;padding:.9rem 2rem;background-color:#b17206;color:#fff;font-size:1.05rem;border:none;border-radius:8px;cursor:pointer;transition:.3s ease}.register-btn:hover{background-color:#945d04}.info-text{font-size:1rem;margin:.5rem 0 1rem;color:#f5d7a0}.sticky-timer{position:sticky;top:1rem;right:1rem;background:#3b210e;color:#f5d7a0;font-weight:700;padding:.7rem 1.2rem;border:2px solid #f5d7a0;border-radius:8px;float:right;z-index:100;margin-bottom:1rem;font-size:1.1rem;align-self:flex-end}.quiz-play{width:100%;max-width:1000px}.questions-wrapper{display:flex;flex-direction:column;gap:1.5rem}.question-block{background:#3b210e;border:1px solid #f5d7a0;padding:1.5rem;border-radius:10px}.question-header{display:flex;justify-content:space-between;align-items:center}.question-block h3{margin-bottom:1rem;font-weight:400;font-size:1.1rem;color:#f5d7a0}.question-block ul{list-style:none;padding:0;margin:0}.question-block li{background:#2e1a09;border:1px solid #f5d7a0;margin:.5rem 0;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:.2s ease;font-size:1rem}.question-block li:hover{background-color:#f5d7a020}.question-block li.selected{background-color:#f5d7a0;color:#2e1a09;font-weight:700}.question-block.unanswered{border:2px dashed #ff9585}.submit-btn{display:block;margin:2rem auto 3rem;padding:.8rem 2rem;font-size:1.1rem;border:2px solid #f5d7a0;background-color:transparent;color:#f5d7a0;cursor:pointer;border-radius:8px;transition:.3s ease}.submit-btn:hover{background-color:#f5d7a0;color:#2e1a09}.quiz-review h2{font-size:2rem;margin-bottom:.8rem;color:#f5d7a0}.quiz-review p{font-size:1.2rem;margin-bottom:1.5rem}.review-questions{display:flex;flex-direction:column;gap:1.4rem;text-align:left}.question-review{background:#3b210e;padding:1rem 1.5rem;border-radius:10px;border:1px solid #f5d7a0}.question-review h4{color:#f5d7a0;margin-bottom:.6rem}.question-review p{margin:.3rem 0;font-size:1rem}.correct{color:#a3ef94}.wrong{color:#ff9585}@media (max-width: 991px){.quiz-intro h1{font-size:2.2rem}.question-block h3,.question-review h4{font-size:1rem}.question-block li,.question-review p{font-size:.95rem}.sticky-timer{font-size:1rem;padding:.6rem 1rem}}@media (max-width: 600px){.quiz-intro,.quiz-result,.quiz-review{padding:1.2rem}.quiz-intro h1{font-size:1.8rem}.quiz-intro p,.quiz-intro select{font-size:1rem}.quiz-intro button,.submit-btn,.register-btn{font-size:1rem;width:100%;padding:1rem}.sticky-timer{position:fixed;top:10px;right:10px;border-radius:50px;padding:.5rem 1rem;font-size:.95rem;z-index:999;background-color:#3b210e}.question-block,.question-review{padding:1rem}.review-questions{gap:1rem}}.account-wrapper{min-height:100vh;background:#2e1a09;color:#f5d7a0;padding:2rem;font-family:Georgia,serif;display:flex;flex-direction:column;align-items:center}.account-wrapper h2{font-size:2.5rem;margin-bottom:2rem;color:#f5d7a0}.account-info,.account-quiz-status{background:#3b210e;padding:1.5rem 2rem;border:2px solid #f5d7a0;border-radius:12px;width:100%;max-width:600px;margin-bottom:2rem}.account-info p,.account-quiz-status p{margin:.6rem 0;font-size:1.05rem}.account-quiz-status h3{margin-bottom:1rem;color:#a3ef94}.not-submitted{color:#ff9585;font-weight:700;font-size:1.1rem}@media (max-width: 600px){.account-wrapper{padding:1.5rem}.account-info,.account-quiz-status{padding:1.2rem}.account-wrapper h2{font-size:2rem}.account-info p,.account-quiz-status p{font-size:1rem}}.contact-wrapper{min-height:100vh;background:#2e1a09;color:#f5d7a0;padding:2rem;font-family:Georgia,serif;display:flex;flex-direction:column;align-items:center}.contact-wrapper h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}.contact-container{display:flex;gap:2rem;width:100%;max-width:1000px;flex-wrap:wrap}.contact-info{flex:1;min-width:280px;background:#3b210e;padding:1.5rem;border-radius:10px;border:2px solid #f5d7a0}.contact-info h3{color:#f5d7a0;margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem}.contact-info p{margin:.3rem 0 1rem;font-size:1rem}.contact-form{flex:2;min-width:300px;display:flex;flex-direction:column;background:#3b210e;padding:1.5rem;border-radius:10px;border:2px solid #f5d7a0}.contact-form label{margin-top:1rem;margin-bottom:.4rem;font-size:1rem}.contact-form input,.contact-form textarea{padding:.7rem;border-radius:6px;border:1px solid #f5d7a0;background:#2e1a09;color:#f5d7a0;font-size:1rem;resize:vertical}.contact-form button{margin-top:1.5rem;padding:.8rem 2rem;background:transparent;color:#f5d7a0;font-size:1.1rem;border:2px solid #f5d7a0;border-radius:6px;cursor:pointer;transition:.3s ease}.contact-form button:hover{background:#f5d7a0;color:#2e1a09}.success-msg{margin-top:1rem;color:#a3ef94;font-weight:700;font-size:1rem}@media (max-width: 768px){.contact-container{flex-direction:column}.contact-form,.contact-info{width:100%}.contact-wrapper h2{font-size:2rem}}.leaderboard-wrapper{min-height:100vh;background:#2e1a09;color:#f5d7a0;padding:2rem;font-family:Georgia,serif;display:flex;flex-direction:column;align-items:center}.leaderboard-wrapper h2{font-size:2.5rem;margin-bottom:1.5rem}.state-filter{margin-bottom:2rem;text-align:center}.state-filter label{margin-right:1rem;font-size:1.1rem}.state-filter select{padding:.6rem 1rem;font-size:1rem;border:2px solid #f5d7a0;border-radius:6px;background:#2e1a09;color:#f5d7a0}.leaderboard-table{width:100%;max-width:1000px;border:1px solid #f5d7a0;border-radius:10px;overflow:hidden}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:.8fr 3fr 2fr 1fr 1.5fr;padding:.8rem 1rem;border-bottom:1px solid #f5d7a030;align-items:center}.leaderboard-header{background-color:#3b210e;font-weight:700}.leaderboard-row{background-color:#2e1a09}.leaderboard-row:nth-child(2n){background-color:#3b210e}.loading,.no-data{font-size:1.2rem;margin-top:2rem}@media (max-width: 768px){.leaderboard-header,.leaderboard-row{grid-template-columns:.8fr 2.5fr 2fr 1fr 1.5fr;font-size:.9rem;padding:.6rem .5rem}.leaderboard-wrapper h2{font-size:2rem}.state-filter label{display:block;margin-bottom:.5rem}.state-filter select{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Segoe UI,sans-serif;background-color:#f5f7fa;color:#222;scroll-behavior:smooth}a{text-decoration:none;color:inherit}button{font-family:inherit}
