@import url(https://fonts.googleapis.com/css2?family=Jura:wght@300;400;500;700&display=swap);:root{--primary-color:#1a3246;--dark-bg:#12202b;--light-text:#fff;--accent-blue:#1e88e5;--nav-height:110px;--sub-nav-height:60px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a3246;background-color:var(--primary-color);color:#fff;color:var(--light-text);font-family:Jura,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#12202b;background-color:var(--dark-bg);position:sticky;top:0;z-index:1000}.header-container{height:110px;height:var(--nav-height);justify-content:space-between;padding:0 2rem}.header-container,.logo{align-items:center;display:flex}.logo{height:110px}.logo-image{height:200px;width:auto}.main-nav{align-items:center;display:flex;gap:30px}.nav-links{display:flex;gap:40px}.nav-item{color:#fff;color:var(--light-text);cursor:pointer;font-size:1.2rem;padding:8px 0;position:relative}.dropdown{align-items:center;display:flex;gap:5px}.dropdown-arrow{font-size:.8rem}.signup-button{background-color:#1e88e5;background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;padding:10px 20px}.sub-nav{align-items:center;background-color:#0a1720;display:flex;height:60px;height:var(--sub-nav-height);justify-content:space-between;padding:0 10%}.sub-nav-item{cursor:pointer;font-size:1.3rem;font-weight:500}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:3rem 2rem}.welcome-message{margin-bottom:4rem;text-align:center}.welcome-message h1{font-size:3rem;font-weight:500;margin-bottom:.8rem}.welcome-message h2{font-size:2.5rem;font-weight:400}.tech-cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:1000px;width:100%}.tech-card{align-items:center;background-color:#12202b;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2rem;transition:transform .3s ease}.tech-card:hover{transform:translateY(-5px)}.tech-icon{height:120px;margin-bottom:1rem;width:120px}.tech-name{font-size:1.5rem;font-weight:500}.footer{background-color:#12202b;background-color:var(--dark-bg);padding:2rem;text-align:center}.social-icons{margin-bottom:1.5rem}.copyright{font-size:.85rem;line-height:1.5;opacity:.8}@media (max-width:768px){.header-container{padding:0 1rem}.nav-links{display:none}.tech-cards-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.welcome-message h1{font-size:1.8rem}.welcome-message h2{font-size:1.5rem}}.sidebar{background-color:#12202b;padding:1.2rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-title{color:#fff!important;margin-bottom:.8rem;padding-bottom:.4rem}.exercise-list li,.lesson-list li,.resource-list li{border-bottom:1px solid #ffffff0d;color:#fff!important;color:var(--light-text)!important;font-size:.9rem;padding:.6rem 0}.lesson-list li.active,.lesson-list li:hover,.resource-list li a:hover{color:#1e88e5!important;color:var(--accent-blue)!important}.exercise-item.disabled,.exercise-link{color:#fff!important;color:var(--light-text)!important}.difficulty,.exercise-coming-soon{border-radius:3px!important;font-size:.7rem!important;padding:.15rem .3rem!important}.coming-soon,.exercise-coming-soon{background-color:#6c757d!important;color:#fff!important}.css-container,.html-container,.java-container,.javascript-container,.python-container{display:flex;gap:2rem;margin:0 auto;padding:2rem;width:1200px}@media (max-width:1024px){.css-container,.html-container,.java-container,.javascript-container,.python-container{padding:1rem;width:100%}.sidebar{flex:0 0 220px}}@media (max-width:768px){.css-container,.html-container,.java-container,.javascript-container,.python-container{flex-direction:column}.sidebar{flex:none;margin-bottom:1.5rem;width:100%}}.about-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height))}.about-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.about-title{color:var(--light-text);font-size:3rem;margin-bottom:4rem;text-align:center}.team-members{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin-bottom:4rem}.team-member-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem;text-align:center;width:300px}.member-image-container{border-radius:50%;height:180px;margin:0 auto 1.5rem;overflow:hidden;width:180px}.member-image{height:100%;object-fit:cover;width:100%}.role{color:var(--accent-blue);font-size:1rem;margin-bottom:.5rem}.member-name{color:#333;font-size:1.5rem;margin-bottom:1rem}.member-description{color:#666;font-size:1rem;line-height:1.5}.about-section{margin-bottom:3rem}.section-title{font-size:2.5rem;margin-bottom:1.5rem}.section-text,.section-title{color:var(--light-text);text-align:center}.section-text{font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:1000px}@media (max-width:768px){.team-members{align-items:center;flex-direction:column}.about-title{font-size:2.2rem}.section-title{font-size:2rem}.section-text{font-size:1rem}}.contact-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height))}.contact-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.contact-title{color:var(--light-text);font-size:3rem;margin-bottom:4rem;text-align:center}.contact-container{display:flex;flex-wrap:wrap;gap:3rem}.contact-info{color:var(--light-text);flex:1 1;min-width:300px}.contact-info h2{color:var(--light-text);font-size:2rem;margin-bottom:2rem}.info-item{align-items:flex-start;display:flex;margin-bottom:2rem}.info-icon{color:var(--accent-blue);font-size:1.5rem;margin-right:1rem;margin-top:.25rem}.info-item h3{font-size:1.3rem;margin-bottom:.5rem}.info-item p{color:#fffc;line-height:1.5}.social-links h3{font-size:1.3rem;margin-bottom:1rem}.social-icons-contact{display:flex;gap:1rem}.social-icon-contact{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-icon-contact:hover{color:var(--accent-blue)}.map-container{margin-top:2rem}.map-container h3{font-size:1.3rem;margin-bottom:1rem}.map-placeholder{background-color:#0a1720;border-radius:8px;height:250px;overflow:hidden;width:100%}.contact-form-container{background-color:#12202b;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:1 1;min-width:300px;padding:2rem}.contact-form-container h2{color:#fff;font-size:2rem;margin-bottom:2rem}.contact-form{gap:1.5rem}.contact-form,.contact-form .form-group{display:flex;flex-direction:column}.contact-form .form-group label{font-size:1rem}.contact-container .form-group label,.contact-form .form-group label,.contact-form-container .form-group label{color:#fff!important;display:block;font-weight:500;margin-bottom:.5rem}.contact-container .form-group label{font-size:1rem}.contact-form .form-group input,.contact-form .form-group textarea{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#333;font-family:Jura,sans-serif;font-size:1rem;padding:.8rem;width:100%}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #2196f31a;outline:none}.contact-form .form-group input.error,.contact-form .form-group textarea.error{background-color:#e74c3c0d;border-color:#e74c3c}.contact-form .error-message{color:#e74c3c;font-size:.85rem;margin-top:.3rem}.contact-form .submit-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Jura,sans-serif;font-size:1.1rem;padding:1rem;transition:background-color .3s ease;width:100%}.contact-form .submit-button:hover{background-color:#1976d2}.success-message{background-color:#d4edda;border-radius:4px;color:#155724;padding:2rem;text-align:center}.success-message h3{font-size:1.5rem;margin-bottom:1rem}@media (max-width:768px){.contact-container{flex-direction:column}.contact-title{font-size:2.2rem}.contact-form-container h2,.contact-info h2{font-size:1.8rem}}.login-page{align-items:center;background-color:var(--primary-color);display:flex;justify-content:center;min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height));padding:2rem}.login-container{max-width:450px;width:100%}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;padding:3rem 2.5rem}.login-header{margin-bottom:2.5rem;text-align:center}.login-title{color:#333;font-size:2rem;font-weight:500;margin-bottom:.5rem}.login-subtitle{color:#666;font-size:1rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:1rem}.form-group input[type=email],.form-group input[type=password]{border:2px solid #e1e5e9;border-radius:6px;font-family:Jura,sans-serif;font-size:1rem;padding:.875rem;transition:border-color .2s ease}.form-group input:focus{border-color:var(--accent-blue)}.form-group input.error{border-color:#e74c3c}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{font-size:.875rem;margin-top:.25rem}.general-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1rem;padding:.75rem;text-align:center}.form-options{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0}.login-page .checkbox-group{align-items:center;display:flex;gap:.5rem}.login-page .checkbox-group input[type=checkbox]{height:18px;margin:0;width:18px}.login-page .checkbox-group label{color:#333!important;cursor:pointer;font-size:.9rem;margin-bottom:0}.forgot-password-link{color:var(--accent-blue);font-size:.9rem;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#1565c0;text-decoration:underline}.login-button{background-color:var(--accent-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Jura,sans-serif;font-size:1.1rem;font-weight:500;margin-top:.5rem;padding:1rem;transition:background-color .2s ease}.login-button:hover:not(:disabled){background-color:#1565c0}.login-button:disabled{background-color:#94a3b8;cursor:not-allowed}.login-footer{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#666;font-size:.95rem}.register-link{color:var(--accent-blue);font-weight:500;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#1565c0;text-decoration:underline}@media (max-width:576px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.75rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}}.register-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height) - 100px);padding:3rem 0}.register-container{display:flex;margin:0 auto;max-width:1200px;padding:0 2rem}.register-left{align-items:center;color:var(--light-text);display:flex;flex:1 1;flex-direction:column;justify-content:center}.flag-image{border:2px solid #fff3;height:auto;margin-bottom:2rem;max-width:400px;width:100%}.register-info{text-align:center}.register-info h2{font-size:1.8rem;font-weight:400;line-height:1.5}.register-right{display:flex;flex:1 1;flex-direction:column;padding:0 2rem}.logo-container,.register-title{margin-bottom:2rem;text-align:center}.register-title{color:var(--light-text);font-size:2rem}.register-form{gap:1.5rem}.form-group,.register-form{display:flex;flex-direction:column}.register-page .form-group label{color:var(--light-text)!important;font-size:1rem!important;font-weight:400!important;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:none;border-radius:4px;font-family:Jura,sans-serif;font-size:1rem;padding:.8rem}.form-group input:focus{box-shadow:0 0 0 2px var(--accent-blue);outline:none}.form-group input.error{border:1px solid #e74c3c}.error-message{color:#e74c3c;font-size:.85rem;margin-top:.3rem}.register-page .checkbox-group{align-items:flex-start;flex-direction:row;gap:.5rem}.register-page .checkbox-group input[type=checkbox]{flex-shrink:0;height:16px;margin-top:.1rem;width:16px}.register-page .checkbox-group label{color:var(--light-text)!important;flex:1 1;font-size:1rem!important;font-weight:400!important;line-height:1.4;margin-bottom:0}.captcha-group{align-items:center;display:flex;gap:1rem}.captcha-challenge{background-color:#ffffff1a;border-radius:4px;color:var(--light-text);font-size:1rem;padding:.8rem}.captcha-input{flex:1 1;font-size:1rem;padding:.8rem}.captcha-input,.register-button{border:none;border-radius:4px;font-family:Jura,sans-serif}.register-button{background-color:var(--accent-blue);color:#fff;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:1rem;transition:background-color .3s ease}.register-button:hover{background-color:#1565c0}.register-footer{background-color:#0003;padding:1.5rem;text-align:center}.social-icons{display:flex;gap:20px;justify-content:center}.social-icon{color:#fff;font-size:1.5rem}@media (max-width:992px){.register-container{align-items:center;flex-direction:column}.register-left,.register-right{max-width:600px;width:100%}.register-left{margin-bottom:3rem}.register-info h2{font-size:1.5rem}}@media (max-width:576px){.captcha-group{align-items:flex-start;flex-direction:column}.captcha-challenge,.captcha-input{width:100%}}.profile-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height));padding:2rem 0}.profile-container{margin:0 auto;max-width:1200px;padding:0 2rem}.profile-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.profile-avatar{height:120px;position:relative;width:120px}.profile-avatar img{border:4px solid var(--accent-blue);border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-overlay{align-items:center;background-color:var(--accent-blue);border:3px solid #fff;border-radius:50%;bottom:0;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;width:36px}.profile-info{flex:1 1}.profile-name{color:#333;font-size:2rem;margin-bottom:.5rem}.profile-username{color:#666;font-size:1.1rem;margin-bottom:.75rem}.profile-bio{color:#444;font-size:1rem;line-height:1.5;margin-bottom:1rem}.profile-meta{color:#666;display:flex;font-size:.9rem;gap:1.5rem}.profile-actions{display:flex;flex-direction:column;gap:.5rem}.edit-profile-btn{background-color:var(--accent-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.edit-profile-btn:hover{background-color:#1565c0}.profile-tabs{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:2rem;padding:.5rem}.tab-button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;transition:all .2s ease}.tab-button.active{background-color:var(--accent-blue);color:#fff}.tab-button:hover:not(.active){background-color:#f8f9fa}.tab-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center}.stat-card h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:var(--accent-blue);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-description{color:#666;font-size:.9rem}.progress-bar{background-color:#e1e5e9;border-radius:4px;height:8px;margin:.5rem 0;overflow:hidden;width:100%}.progress-fill{background-color:var(--accent-blue);height:100%;transition:width .3s ease}.recent-activity h3{color:#333;margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem}.activity-icon{font-size:1.5rem;text-align:center;width:40px}.activity-content{flex:1 1}.activity-content p{color:#333;margin:0 0 .25rem}.activity-date{color:#666;font-size:.85rem}.progress-content h3{color:#333;margin-bottom:2rem}.language-progress{display:flex;flex-direction:column;gap:1.5rem}.language-card{background-color:#f8f9fa;border-radius:8px;padding:1.5rem}.language-header{justify-content:space-between;margin-bottom:1rem}.language-header h4{color:#333;font-size:1.2rem}.progress-text{color:#666;font-size:.9rem}.progress-percentage{color:var(--accent-blue);font-weight:700;margin-top:.5rem;text-align:right}.achievements-content h3{color:#333;margin-bottom:2rem}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement-card{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s ease}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{font-size:3rem;margin-bottom:1rem}.achievement-card h4{color:#333;margin-bottom:.5rem}.achievement-card p{color:#666;line-height:1.4;margin-bottom:1rem}.achievement-date{color:#999;font-size:.85rem}.settings-content h3{color:#333;margin-bottom:2rem}.settings-section{border-bottom:1px solid #e1e5e9;margin-bottom:2rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none}.settings-section h4{color:#333;margin-bottom:1rem}.setting-item{margin-bottom:1rem}.setting-item label{align-items:center;color:#333;cursor:pointer;display:flex;gap:.5rem}.danger-zone{border-color:#e74c3c!important}.danger-zone h4{border-bottom:2px solid #e74c3c;color:#e74c3c;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.password-change-section{margin-bottom:2rem;padding-bottom:2rem}.password-change-section h5{color:#e74c3c;font-size:1.1rem;margin-bottom:1rem}.password-form{max-width:400px}.password-form .form-group{margin-bottom:1.5rem}.password-form .form-group input{border:2px solid #e1e5e9}.password-form .form-group input:focus{border-color:var(--accent-blue)}.password-form .form-group input.error{border-color:#e74c3c}.password-form .error-message{color:#e74c3c;display:block;font-size:.85rem;margin-top:.25rem}.change-password-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.change-password-button:hover{background-color:#c0392b}.account-delete-section{margin-top:2rem}.delete-confirm-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.delete-confirm-group input[type=checkbox]{height:18px;margin:0;width:18px}.delete-confirm-group label{color:#333;cursor:pointer;font-size:1rem;margin:0}.danger-button{margin-left:auto}.danger-button:hover:not(.disabled){background-color:#c0392b}.danger-button.disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.6}.danger-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s ease}.danger-button:hover{background-color:#c0392b}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal-content h3{color:#333}.form-group,.modal-content h3{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e1e5e9;border-radius:6px;font-family:Jura,sans-serif;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-blue);outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.modal-actions button[type=button]{background-color:#6c757d;color:#fff}.modal-actions button[type=submit]{background-color:var(--accent-blue);color:#fff}@media (max-width:768px){.profile-header{flex-direction:column;gap:1.5rem;text-align:center}.profile-meta{flex-direction:column;gap:.5rem}.profile-tabs{flex-wrap:wrap}.tab-button{min-width:120px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.achievements-grid{grid-template-columns:1fr}}.html-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height))}.html-container{display:flex;gap:2rem;margin:0 auto;padding:2rem;width:1200px}.lesson-list li{font-size:.9rem}.exercise-list li{font-size:.9rem;padding:.6rem 0}.resource-list li,.resource-list li a{font-size:.9rem}@media (max-width:768px){.html-container{flex-direction:column;padding:1rem}.sidebar{flex:none;margin-bottom:1.5rem}.content-area,.sidebar{width:100%}.lesson-title{font-size:1.8rem}.lesson-body h3{font-size:1.4rem}.nav-button{font-size:.9rem;padding:.6rem 1rem}}.exercise-link{align-items:center;color:var(--light-text);display:flex;justify-content:space-between;text-decoration:none;width:100%}.exercise-item{font-size:.9rem;line-height:1.2;padding:.6rem 0}.exercise-item.disabled{align-items:center;color:var(--light-text);cursor:not-allowed;display:flex;justify-content:space-between;opacity:.6}.exercise-coming-soon{background-color:#6c757d;border-radius:3px;color:#fff;font-size:.7rem;padding:.15rem .3rem}.exam-title{color:var(--accent-blue);font-size:1.9rem}.exam-difficulty.kolay{background-color:#4caf50;color:#fff}.exam-difficulty.orta{background-color:#ff9800;color:#fff}.exam-difficulty.zor{background-color:#f44336;color:#fff}.exam-difficulty{border-radius:4px;font-weight:500;margin-top:1rem;padding:.25rem .75rem}.sidebar-title{color:var(--light-text)!important;font-size:1.2rem}.sidebar .exercise-list li,.sidebar .lesson-list li,.sidebar .resource-list li{border-bottom:1px solid #ffffff0d;color:var(--light-text)!important;font-size:.9rem;padding:.6rem 0}.difficulty{border-radius:3px;font-size:.7rem;padding:.15rem .3rem}.css-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height))}.css-container{display:flex;gap:2rem;margin:0 auto;padding:2rem;width:1200px}.code-example pre .property{color:#a6e22e}.code-example pre .value{color:#fd971f}.code-example pre .selector{color:#66d9ef}.code-example pre .comment{color:#75715e}@media (max-width:768px){.css-container{flex-direction:column;padding:1rem}.sidebar{flex:none;margin-bottom:1.5rem}.content-area,.sidebar{width:100%}.lesson-title{font-size:1.8rem}.lesson-body h3{font-size:1.4rem}.nav-button{font-size:.9rem;padding:.6rem 1rem}}.javascript-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height))}.javascript-container{display:flex;gap:2rem;margin:0 auto;padding:2rem;width:1200px}@media (max-width:1024px){.sidebar{flex:0 0 30%}}@media (max-width:768px){.javascript-container{flex-direction:column;padding:1rem}.sidebar{flex:none;margin-bottom:1.5rem}.content-area,.sidebar{width:100%}.lesson-title{font-size:1.8rem}.lesson-body h3{font-size:1.4rem}.nav-button{font-size:.9rem;padding:.6rem 1rem}}.java-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height))}.java-container{display:flex;gap:2rem;margin:0 auto;padding:2rem;width:1200px}.code-example pre .annotation{color:#50fa7b}@media (max-width:1024px){.java-container{padding:1rem;width:100%}.sidebar{flex:0 0 220px}}@media (max-width:768px){.java-container{flex-direction:column}.sidebar{flex:none;margin-bottom:1.5rem}.content-area,.sidebar{width:100%}.lesson-title{font-size:1.8rem}.lesson-body h3{font-size:1.4rem}.nav-button{font-size:.9rem;padding:.6rem 1rem}}.python-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height))}.python-container{display:flex;gap:2rem;margin:0 auto;padding:2rem;width:1200px}.sidebar{background-color:var(--dark-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:0 0 250px;padding:1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{border-bottom:1px solid #ffffff1a;color:var(--light-text);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.lesson-list li{border-bottom:1px solid #ffffff0d;color:var(--light-text);cursor:pointer;padding:.8rem 0;transition:all .3s ease}.lesson-list li.active,.lesson-list li:hover{color:var(--accent-blue)}.lesson-list li.active{font-weight:500}.exercise-list li{align-items:center;border-bottom:1px solid #ffffff0d;color:var(--light-text);cursor:pointer;display:flex;justify-content:space-between;padding:.8rem 0}.difficulty{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.difficulty.kolay{background-color:#4caf50;color:#fff}.difficulty.orta{background-color:#ff9800;color:#fff}.difficulty.zor{background-color:#f44336;color:#fff}.resource-list li{border-bottom:1px solid #ffffff0d;padding:.5rem 0}.resource-list li a{color:var(--light-text);text-decoration:none;transition:all .3s ease}.resource-list li a:hover{color:var(--accent-blue)}.content-area{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:1 1;padding:2rem}.breadcrumb{align-items:center;color:#666;display:flex;font-size:.9rem;margin-bottom:2rem}.breadcrumb a{color:var(--accent-blue);text-decoration:none}.separator{margin:0 .5rem}.lesson-title{border-bottom:2px solid var(--accent-blue);color:#333;font-size:2.2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.lesson-body{color:#333}.lesson-body h3{color:#444;font-size:1.6rem;margin-bottom:1rem;margin-top:2rem}.lesson-body p{line-height:1.6;margin-bottom:1rem}.lesson-body ol,.lesson-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.lesson-body li{line-height:1.6;margin-bottom:.5rem}.lesson-body code{background-color:#f1f1f1;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.code-example{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1.5rem 0;max-width:100%;overflow:hidden}.code-header{align-items:center;background-color:var(--dark-bg);color:var(--light-text);display:flex;justify-content:space-between;padding:.75rem 1rem}.run-button{background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:background-color .3s ease}.run-button:hover{background-color:#1976d2}.code-example pre{background-color:#0a1720;color:#f8f8f2;font-family:Courier New,monospace;line-height:1.5;margin:0;overflow-x:auto;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.code-example pre .keyword{color:#ff79c6}.code-example pre .string{color:#f1fa8c}.code-example pre .comment{color:#6272a4;font-style:italic}.code-example pre .number{color:#bd93f9}.code-example pre .function{color:#50fa7b}.code-example pre .class{color:#8be9fd}.lesson-navigation{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem}.nav-button{background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.nav-button:hover{background-color:#1976d2}.nav-button.prev{margin-right:auto}.nav-button.next{margin-left:auto}.python-theme .lesson-title{color:#306998}.python-theme .sidebar-title{color:#ffd43b}@media (max-width:1024px){.python-container{padding:1rem;width:100%}.sidebar{flex:0 0 220px}}@media (max-width:768px){.python-container{flex-direction:column}.sidebar{flex:none;margin-bottom:1.5rem}.content-area,.sidebar{width:100%}.lesson-title{font-size:1.8rem}.lesson-body h3{font-size:1.4rem}.nav-button{font-size:.9rem;padding:.6rem 1rem}}.exercises-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height));padding:3rem 0}.exercises-container{margin:0 auto;max-width:1200px;padding:0 2rem}.exercises-header{margin-bottom:4rem;text-align:center}.exercises-title{color:var(--light-text);font-size:3rem;margin-bottom:1rem}.exercises-subtitle{color:#fffc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.language-sections{display:flex;flex-direction:column;gap:3rem}.language-section{background-color:var(--dark-bg);border-radius:12px;box-shadow:0 8px 24px #0003;padding:2rem}.language-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;margin-bottom:2rem;padding-bottom:1rem}.language-icon{background-color:#ffffff1a;border-radius:8px;height:60px;margin-right:1.5rem;padding:8px;width:60px}.language-info h2{color:var(--light-text);font-size:2rem;margin-bottom:.5rem}.language-info p{color:#ffffffb3;font-size:1rem}.exercise-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.exercise-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:inherit;display:block;padding:1.5rem;text-decoration:none;transition:all .3s ease}.exercise-card:hover{background-color:#ffffff14;border-color:var(--accent-blue);box-shadow:0 8px 24px #1e88e533;transform:translateY(-4px)}.exercise-card.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.exercise-card.disabled:hover{background-color:#ffffff0d;border-color:#ffffff1a;box-shadow:none;transform:none}.exercise-header-card{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.exercise-title{color:var(--light-text);flex:1 1;font-size:.9rem;font-weight:500;line-height:1.4;margin-right:1rem}.exercise-difficulty{border-radius:20px;font-size:.8rem;padding:.3rem .8rem;white-space:nowrap}.exercise-difficulty.coming-soon{background-color:#6c757d;color:#fff}.exercise-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.exercise-stats{align-items:center;color:#fff9;display:flex;font-size:.85rem;justify-content:space-between}.exercise-duration,.exercise-questions{align-items:center;display:flex;gap:.5rem}.language-section.html .language-icon{background-color:#e34f2633}.language-section.css .language-icon{background-color:#1572b633}.language-section.javascript .language-icon{background-color:#f7df1e33}.language-section.python .language-icon{background-color:#30699833}.language-section.java .language-icon{background-color:#ed5d4c33}@media (max-width:768px){.exercises-container{padding:0 1rem}.exercises-title{font-size:2.2rem}.exercises-subtitle{font-size:1rem}.language-section{padding:1.5rem}.language-header{flex-direction:column;text-align:center}.language-icon{margin-bottom:1rem;margin-right:0}.exercise-grid{grid-template-columns:1fr}.exercise-header-card{flex-direction:column;gap:.5rem}.exercise-title{margin-right:0}}@media (max-width:480px){.exercises-page{padding:2rem 0}.language-sections{gap:2rem}.exercise-card,.language-section{padding:1rem}}.exercise-page{background-color:var(--primary-color);min-height:calc(100vh - var(--nav-height) - var(--sub-nav-height));padding:2rem}.exercise-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:900px;padding:2rem}.exercise-header{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.exercise-title{flex:auto;margin:0 auto}.exercise-info{display:flex;font-size:1rem;gap:2rem;justify-content:center}.exercise-difficulty{border-radius:4px;font-weight:500;padding:.25rem .75rem}.exercise-difficulty.kolay{background-color:#4caf50;color:#fff}.exercise-difficulty.orta{background-color:#ff9800;color:#fff}.exercise-difficulty.zor{background-color:#f44336;color:#fff}.exercise-progress{color:#666;font-weight:500;margin-top:1.2rem}.question-text{margin-bottom:2rem}.question-text h2{color:#333;font-size:1.5rem;line-height:1.5;white-space:pre-line}.answer-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.answer-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:1rem;text-align:left;transition:all .2s ease}.answer-button:hover:not(.disabled){background-color:#e9ecef;transform:translateY(-2px)}.answer-button.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.answer-button.incorrect{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.answer-button.disabled{cursor:default;opacity:.8}.feedback-section{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.feedback{border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.correct-feedback{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.incorrect-feedback{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.feedback h3{font-size:1.2rem;margin-bottom:.5rem}.feedback p{line-height:1.6}.next-button{background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s ease}.next-button:hover{background-color:#1565c0}.score-section{text-align:center}.score-section h2{color:#333;font-size:2rem;margin-bottom:2rem}.score-display{margin-bottom:2rem}.score-circle,.score-display{display:flex;justify-content:center}.score-circle{align-items:center;background-color:#333;border:8px solid;border-radius:50%;flex-direction:column;font-weight:700;height:180px;position:relative;width:180px}.score-number{font-size:3rem;line-height:1;margin-bottom:.5rem}.score-text{font-size:1.2rem}.score-circle{border-color:var(--accent-blue)}.score-message{margin-bottom:2rem}.fail-message h3,.fail-message h4,.success-message h3,.success-message h4{font-size:1.5rem;margin-bottom:1rem}.success-message h3,.success-message h4,.success-message h5,.success-message h6{color:#155724}.fail-message h3,.fail-message h4,.fail-message h5,.fail-message h6{color:#721c24}.score-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.back-button,.retry-button{border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.retry-button{background-color:var(--accent-blue);border:none;color:#fff}.retry-button:hover{background-color:#1565c0}.back-button{background-color:#6c757d;border:none;color:#fff}.back-button:hover{background-color:#5a6268}.exercise-loading{align-items:center;color:var(--light-text);display:flex;font-size:1.5rem;height:50vh;justify-content:center}@media (max-width:768px){.exercise-container{padding:1.5rem}.exercise-title{font-size:1.8rem}.question-text h2{font-size:1.3rem}.score-circle{height:150px;width:150px}.score-number{font-size:2.5rem}.score-text{font-size:1rem}}@media (max-width:480px){.exercise-container,.exercise-page{padding:1rem}.exercise-info{gap:.5rem}.exercise-info,.score-actions{flex-direction:column}}
/*# sourceMappingURL=main.ed98b4d5.css.map*/