.editor-container{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa;color:#333;padding:16px}.timer{font-size:18px;font-weight:700;color:green;text-align:center;padding:8px}.timer.warning{color:red;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.editor-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:8px}.toggle-btn{background-color:#007bff;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;border:none}.toggle-btn:hover{background-color:#0056b3}.challenge-box{background-color:#e9ecef;padding:12px;border-left:5px solid #007bff;border-radius:6px;margin-bottom:10px;transition:all .3s ease-in-out}.editor-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}.editor-controls select{flex-grow:1;padding:8px;border-radius:4px;background-color:#fff;color:#333;border:1px solid #ccc}.editor-controls button{padding:8px 12px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer}.editor-controls button:hover{background-color:#0056b3}.editor-box{flex-grow:1;border:1px solid #ccc;border-radius:8px;overflow:hidden}.editor-output{background-color:#e9ecef;padding:8px;border-radius:4px;margin-top:8px;font-size:14px}.editor-output pre{background-color:#fff;padding:8px;border-radius:4px;white-space:pre-wrap;border:1px solid #ccc;overflow-x:auto}.editor-status-bar{display:flex;justify-content:space-between;font-size:14px;background-color:#dee2e6;padding:6px;margin-top:8px;border-radius:4px}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:flex-start}.editor-controls{flex-direction:column;align-items:stretch}.editor-controls select,.editor-controls button{width:100%}.editor-output pre{font-size:12px}.toggle-btn,.editor-controls-copy,.editor-status-bar{display:none}}.navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#007bff,#0056b3,#003d82);padding:25px 0;width:100%;position:fixed;top:0;left:0;z-index:1000}.layout{padding-top:60px}.nav-links{list-style:none;padding:0;margin:0;display:flex}.nav-links li{margin:0 15px}.nav-links a{text-decoration:none;color:#fff;font-size:18px;font-weight:700;transition:.3s}.nav-links a:hover{color:#bababa;opacity:.8}.user-menu{position:relative;display:inline-block}.user-button{background:#0056b3;color:#fff;border:none;padding:10px 14px;margin-right:10px;cursor:pointer;font-size:16px;border-radius:8px;transition:.3s}.user-button:hover{background:#00408a}.dropdown-menu{position:absolute;top:40px;right:0;background:#fff;border-radius:10px;list-style:none;padding:8px 0;margin:0;width:160px;box-shadow:0 6px 12px #00000026}.dropdown-menu li{padding:12px;text-align:center}.dropdown-menu li a{text-decoration:none;color:#003d82;display:block;font-weight:700;transition:.3s}.dropdown-menu li a:hover{background:#cce5ff}.hamburger{display:none;font-size:24px;background:none;border:none;color:#fff;cursor:pointer}.mobile-only{display:none}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.hamburger{display:block}.nav-links{display:none;flex-direction:column;background:#003d82;width:100%;position:absolute;top:80px;left:0;border-radius:0 0 8px 8px}.nav-links.open{display:flex}.nav-links li{margin:10px;text-align:center}.nav-links a{font-size:20px}.mobile-only{display:block}.desktop-only{display:none}}.home-container{display:flex;justify-content:center;align-items:flex-start;text-align:center;height:100vh;padding:20px;background:url(/assets/forestBG-DzHe5-Ul.jpg) center/cover no-repeat}.hero{background:#000000b3;margin-top:20vh;padding:20px;border-radius:12px;color:#fff;max-width:600px;animation:fadeIn 1.5s ease-in-out}h1{font-size:2.5rem;margin-bottom:10px}.home-title{color:#7050ff;font-size:3rem}.home-highlight{color:gold}.subtext{font-size:1.2rem;margin-bottom:20px}.cta-button{text-decoration:none;background:#007bff;color:#fff;padding:12px 20px;border-radius:8px;font-size:1.2rem;font-weight:700;transition:.3s;display:inline-block}.cta-button:hover{background:#0056b3;transform:scale(1.05)}.about-container{display:flex;flex-direction:column;align-items:center;text-align:center;height:100vh;padding:80px 20px;background-color:#eef5ff;background:url(/assets/forestBG-DzHe5-Ul.jpg) center/cover no-repeat}.about-hero{background:linear-gradient(90deg,#007bff,#0056b3);color:#fff;padding:40px;border-radius:12px;max-width:800px;margin-bottom:40px;animation:fadeIn 1.5s ease-in-out}.about-hero h1{font-size:2.5rem;margin-bottom:10px}.about-tagline{font-size:1.3rem;font-weight:700}.about-content{max-width:800px;text-align:left;background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 12px #0000001a;animation:fadeIn 1.5s ease-in-out}.about-content h2{font-size:1.8rem;color:#003d82;margin-bottom:10px}.about-content p{font-size:1.1rem;line-height:1.6;color:#333}.highlight{color:#fc0}.emphasis{font-weight:700;color:#007bff}.leaderboard-container{text-align:center;padding:60px 20px;background-color:#eef5ff}h1{font-size:2.5rem;margin-bottom:20px;color:#003d82}.leaderboard-table{width:80%;margin:0 auto;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 12px #0000001a;animation:fadeIn 1s ease-in-out}.leaderboard-table th,.leaderboard-table td{padding:15px;text-align:center}.leaderboard-table th{background:#007bff;color:#fff;font-size:1.2rem}.leaderboard-table tr:nth-child(2n){background:#f8f9fa}.leaderboard-table tr:hover{background:#cce5ff}.top-rank{font-weight:700}.rank-1{background:gold!important;color:#000!important}.rank-2{background:silver!important;color:#000!important}.rank-3{background:#cd7f32!important;color:#000!important}.admin-dashboard{text-align:center;padding:60px 20px;background-color:#eef5ff}.dashboard-stats{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 12px #0000001a;text-align:center;width:150px}.dashboard-section{background:#fff;max-width:800px;margin:20px auto;padding:20px;border-radius:12px;box-shadow:0 6px 12px #0000001a}.dashboard-section h2{color:#0056b3;margin-bottom:10px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #ddd}.admin-table th{background:#007bff;color:#fff}.admin-table tr:nth-child(2n){background:#f8f9fa}.admin-table tr:hover{background:#cce5ff}button{padding:5px 10px;border-radius:5px;border:none;cursor:pointer;font-size:.9rem}button.ban{background:red;color:#fff}button.unban{background:green;color:#fff}.login-container{display:flex;justify-content:center;align-items:flex-start;height:100vh;background:linear-gradient(90deg,#007bff,#0056b3,#003d82)}.login-box{background:#fff;margin-top:15vh;padding:40px;border-radius:12px;box-shadow:0 6px 12px #0003;text-align:center;width:100%;max-width:400px;animation:fadeIn 1s ease-in-out}.login-subtext{font-size:1.1rem;margin-bottom:20px;color:#555}.input-group{text-align:left;margin-bottom:15px}.login-button{width:100%;padding:12px;background:#007bff;color:#fff;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;transition:.3s;margin-top:10px}.login-button:hover{background:#0056b3;transform:scale(1.05)}.signup-text{margin-top:15px;font-size:1rem}.signup-text a{color:#007bff;font-weight:700;text-decoration:none}.signup-text a:hover{text-decoration:underline}.register-container{display:flex;justify-content:center;align-items:flex-start;height:100vh;width:100%;background:linear-gradient(90deg,#007bff,#0056b3,#003d82)}.register-box{background:#fff;margin-top:10vh;padding:40px;border-radius:12px;box-shadow:0 6px 12px #0003;text-align:center;width:100%;max-width:400px;animation:fadeIn 1s ease-in-out}h1{font-size:2rem;color:#003d82}.register-subtext{font-size:1.1rem;margin-bottom:20px;color:#555}.input-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;margin-bottom:15px}.input-group label{font-weight:700;color:#003d82}.input-group input{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.input-group input:focus{border-color:#007bff;outline:none}.register-button{width:100%;padding:12px;background:#007bff;color:#fff;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;transition:.3s;margin-top:10px}.register-button:hover{background:#0056b3;transform:scale(1.05)}.login-text{margin-top:15px;font-size:1rem}.login-text a{color:#007bff;font-weight:700;text-decoration:none}.login-text a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-container{text-align:center;padding:60px 20px;background-color:#eef5ff}.settings-box{background:#fff;max-width:600px;margin:20px auto;padding:20px;border-radius:12px;box-shadow:0 6px 12px #0000001a;text-align:left}.settings-section{margin-bottom:20px}.settings-section h2{font-size:1.5rem;color:#0056b3;border-bottom:2px solid #007bff;padding-bottom:5px;margin-bottom:10px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:1rem}input[type=checkbox],input[type=radio],select,input[type=text],input[type=password]{cursor:pointer}.radio-group{display:flex;gap:10px}.toggle-switch{width:50px;height:24px;background:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.toggle-switch.active{background:#007bff}.toggle-slider{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:3px;transition:.3s}.toggle-switch.active .toggle-slider{left:27px}select{padding:5px;border-radius:8px}input[type=text],input[type=password]{padding:8px;border-radius:8px;border:1px solid #ccc;width:60%}input[type=text]:focus,input[type=password]:focus{border-color:#007bff;outline:none}@media (max-width: 600px){.settings-box{width:90%}}.challenges-container{text-align:center;padding:60px 20px;background-color:#eef5ff}h1{font-size:2.5rem;color:#003d82}.filters{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.filters select{padding:10px;font-size:1rem;border-radius:8px;border:1px solid #ccc;cursor:pointer}.filters select:focus{border-color:#007bff;outline:none}.challenges-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:0 auto}.challenge-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 12px #0000001a;text-align:left;transition:transform .3s,box-shadow .3s}.challenge-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #00000026}.challenge-card h3{color:#003d82}.challenge-card p{font-size:.9rem;color:#555}.challenge-card.easy{border-left:5px solid #28a745}.challenge-card.medium{border-left:5px solid #ffc107}.challenge-card.hard{border-left:5px solid #dc3545}.start-challenge{width:100%;padding:10px;background:#007bff;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:.3s;margin-top:10px}.start-challenge:hover{background:#0056b3;transform:scale(1.05)}.no-challenges{font-size:1.2rem;color:#555}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.popup-content{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;width:300px}.start-btn{padding:10px 20px;font-size:16px;background-color:green;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.close-btn{padding:8px 15px;background-color:red;color:#fff;border:none;border-radius:5px;cursor:pointer}.how-it-works-container{text-align:center;padding:60px 20px;background-color:#eef5ff}h1{font-size:2.5rem;color:#003d82;margin-bottom:10px}.intro-text{font-size:1.2rem;margin-bottom:30px;color:#555}.steps-container{max-width:800px;margin:0 auto}.step{background:#fff;padding:20px;margin-bottom:15px;border-radius:12px;box-shadow:0 6px 12px #0000001a;text-align:left;cursor:pointer;transition:transform .3s,box-shadow .3s}.step:hover{transform:scale(1.02);box-shadow:0 8px 16px #00000026}.step h2{font-size:1.4rem;color:#003d82}.step-content{font-size:1.1rem;color:#555;margin-top:10px;transition:opacity .3s ease-in-out}.step.active{background:#007bff;color:#fff}.step.active h2,.step.active .step-content{color:#fff}@media (max-width: 600px){.steps-container{width:90%}}.profile-container{text-align:center;padding:60px 20px;background-color:#eef5ff}.profile-header{background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 12px #0000001a;text-align:center;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #007bff;margin-bottom:15px;display:flex;justify-content:center;align-items:center}.profile-header .MuiAvatar-root{display:flex;justify-content:center;align-items:center}.profile-header h1{font-size:2rem;color:#003d82}.profile-bio{font-size:1.1rem;color:#555;margin-top:10px}.profile-bio textarea{width:80%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem}.edit-bio,.save-bio{margin-left:10px;margin-top:10px;padding:6px 12px;border:none;background:#007bff;color:#fff;font-size:.9rem;border-radius:6px;cursor:pointer;transition:.3s}.edit-bio:hover,.save-bio:hover{background:#0056b3}.profile-stats{display:flex;justify-content:center;gap:20px;margin-top:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 12px #0000001a;text-align:center;width:180px}.stat-card h2{font-size:1.2rem;color:#007bff}.stat-card p{font-size:2rem;font-weight:700;color:#333}.progress-bar{background:#ccc;width:100%;height:8px;border-radius:4px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .5s ease-in-out}@media (max-width: 600px){.profile-stats{flex-direction:column;align-items:center}}body,html{margin:0;padding:0;background-color:#eef5ff;font-family:Arial,sans-serif}