body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#a8edea,#fed6e3);justify-content:center;min-height:100vh}.main-wrapper,body{align-items:center;display:flex}.main-wrapper{animation:fadeIn 1s ease-in-out;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;gap:2rem;padding:3rem}.form-container{padding:2rem;text-align:center;width:300px}.animate{animation:slideIn 1s ease}h2{color:#333;margin-bottom:1.5rem}button,input{border:1px solid #ddd;border-radius:8px;font-size:1rem;margin:.5rem 0;padding:.8rem;transition:all .3s ease;width:100%}input:focus{border-color:#4caf50;box-shadow:0 0 5px #ff7e5f80;outline:none}button{border:none;color:#fff;cursor:pointer;font-weight:700;transition:background-color .3s ease,transform .3s ease}button,button:hover{background-color:#4caf50}button:hover{transform:translateY(-3px);transform:scale(1.05)}a{color:#4caf50;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}p{color:#666;margin-top:1rem}.image-container{align-items:center;display:flex;justify-content:center;max-width:400px}.image-container img{animation:fadeIn 1.5s ease-in-out;border-radius:10px;box-shadow:0 4px 15px #0003;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#e8f5e9,#e0f2f1);color:#333;font-family:Arial,sans-serif;overflow-x:hidden}.navbar{background:#1b5e20;box-shadow:0 4px 15px #0003;margin:0;padding:1rem 2rem;position:sticky;transition:background .3s ease-in-out}.navbar-logo{color:#a5d6a7;cursor:pointer;font-size:1.8rem;transition:transform .3s ease-in-out}.navbar-logo:hover{transform:scale(1.1)}.navbar-links{gap:2rem}.navbar-links a{border-radius:8px;color:#fff;font-weight:700;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:color .3s ease-in-out}.navbar-links a:before{background:#a5d6a7;border-radius:8px;content:"";height:100%;left:50%;position:absolute;top:0;transition:all .3s ease-in-out;width:0;z-index:-1}.navbar-links a:hover:before{left:0;width:100%}.navbar-links a:hover{color:#1b5e20}.main-content{animation:fadeIn 1s ease-in-out;padding:3rem;text-align:center}.intro h1{color:#1b5e20;font-size:2.5rem}.intro p{font-size:1.2rem;margin:1rem 0}.explore-button{background:#1b5e20;border-radius:5px;color:#fff;font-size:1rem;margin-top:1.5rem;padding:.8rem 2rem;text-decoration:none;transition:background .3s ease}.explore-button:hover{background:#004d40}.section{animation:slideUp 1s ease;background:#fff;box-shadow:0 4px 10px #0000001a;margin-top:2rem;padding:3rem 2rem}.section h2{color:#1b5e20;margin-bottom:1rem}.section p{color:#333;font-size:1.1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.practice-content-container{grid-gap:20px;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:grid;gap:20px;grid-template-rows:auto 1fr auto;height:calc(100vh - 120px);margin:100px auto 20px;max-width:1200px;padding:20px}.progress-section{grid-gap:10px;display:grid;gap:10px}.progress-bar-container{background-color:#f0f0f0;border-radius:10px;height:min(3vh,12px);overflow:hidden;width:100%}.progress-bar{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;font-size:min(2vh,12px);height:100%;justify-content:center;transition:width .3s ease}.content-header,.progress-bar{align-items:center;display:flex}.content-header{height:min(8vh,60px);justify-content:space-between}.topic-status{background:#f8f9fa;border-radius:20px;font-size:min(2.5vh,14px);padding:8px 15px}.main-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);height:100%}.practice-section,.syntax-section,.theory-section{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px}.section-content{flex:1 1;font-size:clamp(12px,1.5vw,16px);line-height:1.5}.question-item{margin-bottom:10px}.practice-exercise{grid-gap:10px;display:grid;gap:10px;grid-template-rows:1fr auto;height:100%}.practice-input{border:1px solid #ddd;border-radius:8px;font-size:clamp(12px,1.5vw,16px);padding:10px;resize:none;width:100%}.practice-controls{display:flex;flex-direction:column;gap:10px}.practice-button,.submit-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(12px,1.5vw,16px);padding:min(2vh,12px) min(3vw,20px);transition:background .3s}.practice-result{border-radius:8px;font-weight:700;padding:10px;text-align:center}.practice-result.correct{background:#d4edda;color:#155724}.practice-result.incorrect{background:#f8d7da;color:#721c24}.navigation-buttons{display:flex;gap:20px;height:min(7vh,50px);justify-content:space-between}.navigation-buttons button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(12px,1.5vw,16px);padding:min(2vh,12px) min(3vw,20px)}.navigation-buttons button:disabled{background:#ccc;cursor:not-allowed}@media (max-width:1200px){.main-content{grid-template-columns:1fr 1fr}}@media (max-width:768px){.main-content{grid-template-columns:1fr}}.container{background-color:#fff;border:2px solid #4caf50;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin:100px auto;max-width:800px;padding:20px;text-align:center}.continue-section{background-color:#e7f9e7;border-left:4px solid #4caf50;border-radius:8px;margin:20px 0;padding:20px}.continue-section h2{color:#2c3e50;margin-bottom:15px}.continue-section p{color:#666;margin:5px 0}.continue-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;margin:15px 0;padding:15px 30px;transition:all .3s ease}.continue-button:hover{background-color:#45a049;transform:translateY(-2px)}.language-selector{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.language-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 25px;transition:all .3s ease}.language-btn:hover{background-color:#45a049;transform:translateY(-2px)}.quiz-container{animation:fadeIn 1s;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;height:100%;margin:auto;padding:70px;text-align:center;width:1200px}.question-section h2{color:#3e2723;font-family:Arial,sans-serif;font-size:2rem;transition:color .3s}.question-text{color:#4a148c;font-size:1.5rem;margin:15px 0}.options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.option-btn{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px;transition:background-color .3s,transform .2s}.option-btn.correct,.option-btn.correct:hover{background-color:#4caf50}.option-btn.incorrect{background-color:#dc3545}.option-btn:hover{background-color:#0056b3;transform:scale(1.05)}.option-btn.incorrect:hover{background-color:#dc3545;transform:scale(1.05)}.score-section{color:#2e447d;font-size:1.5rem;text-align:center}.download-btn{background-color:#a78328c4;border-radius:8px;color:#fff;display:inline-block;font-size:1.1rem;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.download-btn:hover{background-color:#218838}.correct-answer{color:#d32f2f;font-size:1.2rem;font-weight:700;margin-top:10px}.skip-btn{background-color:#ffc107;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;margin-top:15px;padding:10px 20px;transition:background-color .3s}.skip-btn:hover{background-color:#e0a800}.quit-btn{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;margin-top:15px;padding:10px 20px;transition:background-color .3s}.quit-btn:hover{background-color:#c82333}.leaderboard-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin:50px auto;max-width:800px;padding:20px}.leaderboard-header{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:30px}.trophy-icon{animation:shine 2s infinite;color:gold;font-size:2.5em}.leaderboard-header h2{color:#2c3e50;font-size:2em;margin:0}.leaderboard-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 8px #0000000d;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #eee;padding:15px;text-align:center}.leaderboard-table th{background-color:#4caf50;color:#fff;font-weight:700}.header-content{align-items:center;display:inline-flex;gap:8px;justify-content:center}.rank-icon{font-size:1.5em;margin-right:5px}.gold{color:gold}.silver{color:silver}.bronze{color:#cd7f32}.top-three{font-weight:700}.top-three:first-child{background-color:#ffd7001a}.top-three:nth-child(2){background-color:#c0c0c01a}.top-three:nth-child(3){background-color:#cd7f321a}.leaderboard-table tr:hover{background-color:#f5f5f5;transform:scale(1.01);transition:all .3s ease}@keyframes shine{0%{transform:rotate(-15deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}to{transform:rotate(-15deg) scale(1)}}@media (max-width:600px){.leaderboard-container{margin:20px;padding:10px}.leaderboard-table td,.leaderboard-table th{font-size:.9em;padding:10px 5px}}.compiler-container{align-items:center;animation:fadeIn 1s ease-in-out;background:#e0f7fa;display:flex;justify-content:center;min-height:100vh}.card{animation:slideIn .6s ease-out;background:#fff;border-radius:15px;box-shadow:0 8px 16px #0003;max-width:700px;padding:30px;text-align:center;transition:transform .4s ease;width:90%}.card:hover{transform:translateY(-8px) scale(1.02)}h2{color:#00796b;font-size:2rem;font-weight:700;margin-bottom:20px}.language-select{border:2px solid #00796b;border-radius:10px;font-size:1rem;margin:15px 0;padding:12px;transition:border-color .3s;width:100%}.language-select:focus{border-color:#004d40;outline:none}.code-input{background:#f5f5f5;border:2px solid #ccc;border-radius:10px;font-family:monospace;font-size:1rem;height:200px;padding:15px;resize:vertical;transition:border-color .3s;width:100%}.code-input:focus{border-color:#00796b;outline:none}.run-button{background-color:#00796b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:15px;padding:15px;transition:background-color .3s ease,transform .2s ease;width:100%}.run-button:hover{background-color:#004d40;transform:translateY(-3px)}.run-button:active{transform:translateY(1px)}.output{background:#e0f2f1;border:2px solid #00796b;border-radius:10px;color:#004d40;font-family:monospace;font-size:1rem;margin-top:25px;max-height:300px;overflow-y:auto;padding:20px;transition:background-color .3s ease;white-space:pre-wrap}.output h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.output:hover{background-color:#b2dfdb}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.navbar{align-items:center;background-color:#4caf50;box-shadow:0 4px 8px #0000001a;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar-logo{color:#fff;font-size:1.5em;font-weight:700;margin-right:auto}.navbar-links{align-items:center;display:flex;gap:20px;list-style:none;margin-left:auto}.navbar-links li{position:relative}.navbar-links a,.navbar-links button{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.navbar-links a:hover,.navbar-links button:hover{background-color:#fff3}.navbar-links button{background-color:#ffffff1a}
/*# sourceMappingURL=main.d736e05d.css.map*/