.Container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-image:url(https://github.com/Harsh-Kashyap-github/Nature-Nexus/blob/main/public/photos/grren-bg.jpg?raw=true);box-sizing:border-box;font-family:Arial,sans-serif}.login-box{background:#fff;padding:40px;border-radius:15px;box-shadow:0 8px 20px #00000040;text-align:center;width:90%;max-width:500px;height:auto;max-height:80%;overflow:auto}.login-box h1{font-size:26px;color:#2c5f2d;margin-bottom:20px}.login-icon{font-size:50px;color:#56ab2f;margin-bottom:20px}.login-button{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px;padding:15px 25px;font-size:18px;color:#fff;background-color:#1f4529;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:700;box-shadow:0 4px 15px #56ab2f99}.login-button:hover{background-color:#3e8e41;box-shadow:0 6px 20px #56ab2fcc}.login-button:active{transform:scale(.96)}.Welcome-box{background:#fff;padding:40px;border-radius:15px;box-shadow:0 8px 20px #00000040;text-align:center;width:90%;max-width:400px;animation:fadeIn .8s ease-in-out}.Welcome-box h1{font-size:26px;color:#2c5f2d;margin-bottom:15px}.Loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.Loader{border:5px solid #d4d4d4;border-top:5px solid #56ab2f;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:10px}.Loader-text{font-size:16px;color:#555}.login-icon,.welcome-icon{font-size:50px;color:#56ab2f;margin-bottom:20px}.event-message{font-size:18px;color:#3e8e41;margin-top:10px;font-style:italic}@media (max-width: 768px){.login-box,.welcome-box{padding:30px;max-width:90%}.login-button{font-size:16px;padding:12px 20px}.login-icon,.welcome-icon{font-size:40px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-container{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(circle,#e8ecd7,#47663b)}.welcome-box{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;box-shadow:0 10px 20px #0003;text-align:center;width:2500px;height:100vh;border:2px solid #1F4529;background-image:url(https://github.com/Harsh-Kashyap-github/Nature-Nexus/blob/main/public/photos/wood-bg.jpg?raw=true)}.welcome-box h1{font-size:2.5rem;margin-bottom:15px;color:#e8ecd7;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.welcome-box p{font-size:1.2rem;margin-bottom:20px;color:#e8ecd7;font-weight:500}.start-button{background-color:#1f4529;color:#e8ecd7;padding:12px 25px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,transform .3s;box-shadow:0 4px 8px #0003;margin-top:5px}.start-button:hover{background-color:#47663b;transform:scale(1.05)}@media (max-width: 768px){.welcome-box h1{font-size:2rem}.welcome-box p{font-size:1rem}.start-button{font-size:.9rem;padding:10px 20px}}.countdown-container{display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;margin:5px}.countdown-box{background-color:transparent;border:#1F4529 solid 2px;color:#fff;padding:20px 30px;border-radius:50px;box-shadow:4px 4px 15px #0000004d;text-align:center;width:auto;height:auto;min-width:100px;max-width:400px;box-sizing:border-box}.countdown-box h2{font-size:22px;margin-bottom:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.countdown-box p{color:#fff}.countdown-timer{font-size:36px;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}@media (max-width: 768px){.countdown-box{padding:15px 20px;width:80%}.countdown-timer{font-size:28px}}@media (max-width: 480px){.countdown-box{width:90%;padding:10px 15px}.countdown-timer{font-size:24px}}.q-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(https://github.com/Harsh-Kashyap-github/Nature-Nexus/blob/main/public/photos/grren-bg.jpg?raw=true)}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#ffffffe6;border:2px solid #2d6a4f;border-radius:20px;box-shadow:0 10px 20px #0003;max-width:700px;width:100%;margin:5vh auto;overflow:hidden}.header{font-size:2.5rem;margin-bottom:20px;color:#2d6a4f;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.questionContainer{width:100%;text-align:center;background:#d8f3dc;padding:25px;border-radius:15px;border:1px solid #40916c;box-shadow:0 8px 16px #0000001a}.questionText{font-size:1.8rem;margin-bottom:20px;color:#1b4332;font-weight:700}.optionsContainer{display:flex;flex-direction:column;gap:15px}.optionButton{padding:15px;font-size:1.2rem;border-radius:10px;border:2px solid #74c69d;cursor:pointer;transition:transform .3s,background-color .3s,color .3s;background:#b7e4c7;color:#1b4332;font-weight:700}.optionButton:hover{background-color:#52b788;color:#fff;transform:scale(1.05)}.optionButton.selected{background-color:#2d6a4f;color:#fff;transform:scale(1.1)}.navigationContainer{display:flex;justify-content:space-between;width:100%;margin-top:20px}.navButton,.submitButton{padding:10px 20px;font-size:1.2rem;border-radius:10px;border:none;cursor:pointer;color:#fff;font-weight:700;transition:transform .3s,background-color .3s}.navButton{background-color:#74c69d}.navButton:disabled{background-color:#d8f3dc;cursor:not-allowed}.navButton:hover:not(:disabled){background-color:#40916c;transform:scale(1.05)}.submitButton{background-color:#1b4332}.submitButton:hover{background-color:#081c15;transform:scale(1.05)}@media (max-width: 768px){.header{font-size:2rem}.questionText{font-size:1.5rem}.optionButton,.navButton,.submitButton{font-size:1rem}}.rulesButton{display:inline-block;padding:5px 10px;background-color:#2e8b57;color:#fff;font-size:16px;font-weight:700;text-align:center;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;margin-bottom:15px}.rulesButton:hover{background-color:#1f6e44;transform:scale(1.05)}.rulesButton:active{background-color:#155d3b;transform:scale(.98)}.rulesButton:focus{outline:none;box-shadow:0 0 5px 2px #2e8b5780}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(circle,#6fb970,#1f4529);overflow:hidden}.loader{position:relative;width:150px;height:150px}.ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}.ring:nth-child(1){border-top:3px solid #388e3c}.ring:nth-child(2){border-top:3px solid #43a047;width:130px;height:130px;animation-delay:-.2s}.ring:nth-child(3){border-top:3px solid #66bb6a;width:110px;height:110px;animation-delay:-.4s}.ring:nth-child(4){border-top:3px solid #81c784;width:90px;height:90px;animation-delay:-.6s}.ring:nth-child(5){border-top:3px solid #a5d6a7;width:70px;height:70px;animation-delay:-.8s}.center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;color:#33691e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rulesPopup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2}.rulesContent{background-color:#fff;padding:20px;border-radius:15px;width:80%;max-width:600px;text-align:center;position:relative}.rulesContent .closebtn{position:absolute;top:10px;right:20px;font-size:30px;cursor:pointer;background:none;border:none;color:#000}.hide{visibility:hidden}.videoPlayer{width:100%;max-width:100%;border-radius:10px;margin-bottom:20px}.questionImage{max-width:100%;height:auto;border-radius:8px}.answerInput{max-width:250px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;margin-top:10px}.x-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#ffffffe6;border:2px solid #2d6a4f;border-radius:20px;box-shadow:0 10px 20px #0003;max-width:700px;margin:5vh auto;overflow:hidden}body{margin:0;padding:0;background-image:url(https://github.com/Harsh-Kashyap-github/Nature-Nexus/blob/main/public/photos/grren-bg.jpg?raw=true)}.report-container{font-family:Arial,sans-serif;max-width:1200px;margin:20px auto;padding:20px;background:#f7f7f7c8;border-radius:10px;box-shadow:0 4px 6px #0000001a}.report-header{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:20px}.question-report{margin-bottom:30px;padding:15px;border:2px solid #2d6a4f;border-radius:10px;background:#fff}.question-title{font-size:1.5rem;color:#2c3e50}.question-image{width:100%;max-width:400px;display:block;margin:10px auto;border-radius:8px;box-shadow:0 2px 4px #0000001a}.answers-container{margin-top:15px}.answers-list{list-style-type:none;padding:0}.answer-item{font-size:1rem;margin:5px 0;padding:5px 10px;background:#9fdfc1;border-radius:5px}.score-container{margin-top:15px;font-size:1.2rem}.score-value{color:#4caf50;font-weight:700}.total-score-container{text-align:center;padding:20px;margin-top:30px;border-top:2px solid #a2c037}.total-score{font-size:2rem;color:#2c3e50}.clock{font-size:18px;color:#fff}.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background:linear-gradient(155deg,#1f4529,#2f4f4f);box-shadow:2px 0 10px #0003;overflow-x:hidden;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;padding:20px;z-index:10;margin-bottom:0}.sidebar.open{transform:translate(0)}.closebtn{align-self:flex-end;background-color:#fff;border:none;color:#2f4f4f;font-size:24px;padding:5px 10px;cursor:pointer;border-radius:5px;transition:background-color .3s ease,transform .3s ease}.closebtn:hover{background-color:#32cd32;transform:scale(1.1)}.user-info{background-color:#fffc;padding:15px;border-radius:10px;color:#2f4f4f;margin-bottom:20px;text-align:center;font-size:16px;box-shadow:0 4px 6px #0000001a}.menu{list-style:none;padding:0;margin:0}.menu li{color:#fff;font-size:18px;margin:15px 0;padding:10px;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.menu li:hover{background-color:#fff3;color:#d9f99d}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#2f4f4f;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#32cd32}.sidebar h2{font-size:28px;font-weight:700;color:#e8ecd7;text-shadow:1px 1px 2px rgba(0,0,0,.2);letter-spacing:1px}.navbar{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;background-color:#1f4529;padding:15px 20px;width:100%;box-sizing:border-box;min-height:150px;top:0;left:0;box-shadow:0 4px 6px #0000001a;z-index:1000}.hamburger{cursor:pointer;font-size:26px;color:#e8ecd7;transition:transform .3s,color .3s}.hamburger:hover{color:#eed3b1;transform:scale(1.1)}.title{font-size:28px;font-weight:700;color:#e8ecd7;text-shadow:1px 1px 2px rgba(0,0,0,.2);letter-spacing:1px}.clock{font-size:18px;color:#eed3b1;font-weight:500;transition:color .3s}.clock:hover{color:#e8ecd7}@media (max-width: 768px){.title{font-size:24px}.hamburger{font-size:22px}.clock{font-size:16px}}.leader-container{max-width:900px;margin:0 auto;padding:20px;background:#eafaf1d6;border-radius:10px;box-shadow:0 4px 8px #00800033;min-height:100vh}.leader-title{text-align:center;margin-bottom:20px;color:#2e8b57;font-size:2rem;font-weight:700;font-family:Georgia,serif}.refresh-button{display:block;margin:10px auto;padding:10px 20px;font-size:1rem;background-color:#2e8b57;color:#fff;border:none;border-radius:5px;cursor:pointer}.refresh-button:disabled{background-color:#94d3ac;cursor:not-allowed}.last-updated{text-align:center;font-size:.9rem;color:#555;margin-bottom:15px}.user-rank{margin-bottom:20px;text-align:center;font-family:Arial,sans-serif}.user-rank p{margin:5px 0;font-size:1.2rem;color:#006400}.highlight{color:#228b22;font-weight:700}.leader-table{width:100%;border-collapse:collapse;text-align:left;background-color:#f0fff0}.leader-table th,.leader-table td{padding:12px 15px;border:1px solid #d4edda}.leader-table th{background-color:#228b22;color:#fff;text-transform:uppercase;font-family:Verdana,sans-serif}.leader-table tr:nth-child(2n){background-color:#c4f3c4}.leader-table tr:hover{background-color:#d4edda}.highlight-row{background-color:#eae751db!important}@media (max-width: 768px){.leader-table{font-size:.8rem;display:block;overflow-x:auto;white-space:nowrap}.leader-table th,.leader-table td{padding:10px}.leader-title{font-size:1.5rem}.user-rank p{font-size:1rem}.refresh-button{font-size:.9rem}}@media (max-width: 480px){.leader-title{font-size:1.2rem}.user-rank p{font-size:.9rem}.refresh-button{font-size:.8rem;padding:8px 15px}.leader-table{font-size:.7rem}}.aboutContainer{color:#2e7d32;padding:20px;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh}.aboutHeader{background-color:#66bb6a;color:#fff;padding:15px;text-align:center;border-radius:10px}.aboutTitle{font-size:2.5em;margin:0;font-weight:700}.aboutContent{max-width:1000px;background-color:#ffffffd4;border-radius:10px;font-size:1.1em;line-height:1.8;color:#388e3c;text-align:justify;min-height:100vh;padding:20px}@media (max-width: 768px){.aboutContainer{padding:15px}.aboutHeader{font-size:1.5em}.aboutTitle{font-size:2em}.aboutContent{font-size:1em}}@media (max-width: 480px){.aboutContainer{padding:10px}.aboutHeader{font-size:1.3em}.aboutTitle{font-size:1.7em}.aboutContent{font-size:.9em}}.club-introduction{font-family:Arial,sans-serif;line-height:1.6;max-width:800px;margin:0 auto;padding:20px}.club-introduction p{font-size:1.1em;margin-bottom:1.5em}.club-introduction .initiatives{background-color:#f2f2f2;padding:15px;border-radius:8px;margin-bottom:1.5em}.club-introduction strong{color:#2d8f56}.club-introduction em{font-style:italic}.rulesContainer{color:#2e7d32;padding:20px;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:10px}.rulesHeader{background-color:#66bb6a;color:#fff;padding:15px;text-align:center;border-radius:10px}.rulesTitle{font-size:2.5em;margin:0;font-weight:700}.rulescontent{max-width:850px;padding-right:20px;padding-left:20px;background-color:#ffffffc7;border-radius:10px}.round{margin-top:30px}.roundTitle{font-size:1.6em;color:#388e3c;margin-top:10px}.scoringTitle,.bonusPointsTitle{font-size:1.3em;color:#388e3c;margin-top:10px}.round p{font-size:1.1em;line-height:1.5;margin:8px 0;color:#388e3c}@media (max-width: 768px){.rulesContainer{padding:15px}.rulesHeader{font-size:1.5em}.rulesTitle{font-size:2em}.roundTitle{font-size:1.4em}.scoringTitle,.bonusPointsTitle{font-size:1.2em}p{font-size:1em}}@media (max-width: 480px){.rulesContainer{padding:10px}.rulesHeader{font-size:1.3em}.rulesTitle{font-size:1.7em}.roundTitle{font-size:1.2em}.scoringTitle,.bonusPointsTitle{font-size:1.1em}p{font-size:.9em}}.footer{background:#1f4529;color:#fff;text-align:center;padding:15px 10px;font-size:12px;font-weight:700;box-shadow:0 -2px 10px #0003;max-width:100%;min-height:16px;overflow:hidden;z-index:5;position:relative}.footer p{margin:0;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.5);word-wrap:break-word;line-height:1.4;padding:0 10px}@media (max-width: 768px){.footer{font-size:14px;padding:10px 5px}.footer p{font-size:14px}}@media (max-width: 480px){.footer{font-size:12px;padding:8px 5px}.footer p{font-size:12px;text-align:center}}body{margin:0}