html{scroll-behavior:smooth}body{font-family:Instrument Sans,sans-serif;color:#333;background-color:#f8f9fa;padding-top:0;position:relative}#exercises-tab,#explanation-tab,#downloads-tab{color:#000!important}.navbar{background-color:#303030!important;position:fixed;width:100%;top:0;left:0;z-index:1050;padding:15px 0;box-shadow:0 2px 10px #0003}.navbar-brand{color:#fff!important;font-weight:600;display:flex;align-items:center}.navbar-brand img{margin-right:5px}.nav-link{color:#fff!important;font-weight:500;position:relative;padding:.5rem 1rem!important}.nav-link:after{content:"";position:absolute;width:0;height:2px;background:#4caf50;bottom:-2px;left:50%;transform:translate(-50%);transition:width .3s}.nav-link:hover:after{width:80%}.navbar-toggler{border-color:#ffffff4d}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.dropdown-menu{border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;background-color:#fff;padding:8px 0;margin-top:10px}.dropdown-item{color:#333!important;padding:8px 16px;font-size:.95rem;transition:all .2s ease}.dropdown-item:hover{background-color:#f8f9fa;color:#4caf50!important}.dropdown-menu.p-2{min-width:250px}.dropdown-menu.p-2 .form-control{border:1px solid #e5e5e5;border-radius:4px;padding:8px 12px}.dropdown-menu.p-2 .form-control:focus{border-color:#4caf50;box-shadow:0 0 0 .2rem #4caf5040}.login-btn{background-color:transparent;border:1px solid #fff;color:#fff;font-weight:500;padding:6px 16px;border-radius:4px;transition:all .3s ease}.login-btn:hover{background-color:#fff;color:#303030}.hero{position:relative;background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1517486808906-6ca8b3f8e1c1?ixlib=rb-4.0.3&auto=format&fit=crop&w=2370&q=80) no-repeat center center;background-size:cover;color:#fff;height:80vh;width:100%;display:flex;align-items:center;margin-bottom:40px;margin-top:0;padding-top:0;top:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://test-english.com/img/test-english-home-bg-1920.jpg) no-repeat center center / cover;z-index:0}.hero-content{position:relative;z-index:5;max-width:800px;margin-left:50px;padding:100px 20px 0;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero p.tagline{font-size:1.4rem;margin-bottom:15px;color:#4caf50;font-weight:600}.hero p{font-size:1.1rem;margin-bottom:25px;line-height:1.6;max-width:600px}h2{font-weight:700;margin-bottom:30px;color:#333;text-align:center}h2 span.text-success{color:#4caf50!important}h2 span.text-warning{color:#ffb100!important}.card{border:none;border-radius:12px;overflow:hidden;box-shadow:0 6px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:30px;background-color:#fff}.card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000001f}.card-img-top{height:180px;object-fit:cover}.card-body{padding:20px}.card-title{font-weight:600;margin-bottom:15px;color:#333}.card-text{color:#666;margin-bottom:20px;font-size:.95rem;line-height:1.5}.grammar{border-top:4px solid #3F51B5}.vocabulary{border-top:4px solid #E91E63}.listening{border-top:4px solid #FFB100}.reading{border-top:4px solid #FF5722}.use-of-english{border-top:4px solid #009688}.writing{border-top:4px solid #9C27B0}.exams{border-top:4px solid #4CAF50}.level-test{border-top:4px solid #2196F3}.badge{font-weight:500;padding:6px 12px;border-radius:4px;font-size:.8rem}.badge.bg-primary{background-color:#3f51b5!important}.badge.bg-secondary{background-color:#6c757d!important}.btn-primary{background-color:#3f51b5;border-color:#3f51b5;color:#fff;padding:8px 20px;border-radius:6px;font-weight:500;transition:all .3s ease}.btn-primary:hover{background-color:#303f9f;border-color:#303f9f;transform:translateY(-2px)}.grammar .btn-primary{background-color:#3f51b5;border-color:#3f51b5}.vocabulary .btn-primary{background-color:#e91e63;border-color:#e91e63}.listening .btn-primary{background-color:#ffb100;border-color:#ffb100;color:#333}.reading .btn-primary{background-color:#ff5722;border-color:#ff5722}.use-of-english .btn-primary{background-color:#009688;border-color:#009688}.writing .btn-primary{background-color:#9c27b0;border-color:#9c27b0}.exams .btn-primary{background-color:#4caf50;border-color:#4caf50}.level-test .btn-primary{background-color:#2196f3;border-color:#2196f3}footer{background-color:#303030;color:#fff;padding:60px 0 30px}footer h5{font-weight:600;margin-bottom:20px;font-size:1.1rem}footer .navbar-brand{margin-bottom:15px;display:inline-block}footer a.text-white{text-decoration:none;transition:color .3s ease}footer a.text-white:hover{color:#4caf50!important;text-decoration:none}.social-icons{margin-top:20px}.social-icons a{color:#fff;font-size:1.2rem;margin-right:15px;transition:color .3s ease}.social-icons a:hover{color:#4caf50}.lessons-tests-card{height:100%;border-radius:8px;overflow:hidden;position:relative}.lessons-tests-card img{height:167px;object-fit:cover}.lessons-tests-card .badge{position:absolute;top:10px;left:10px;z-index:2}@media (max-width: 767.98px){.container{padding-left:15px;padding-right:15px}.hero{height:auto;padding:100px 0 60px}.hero-content{margin-left:0;padding:0 15px;text-align:center}.hero h1{font-size:2.5rem}.hero p.tagline{font-size:1.2rem}.hero p{font-size:1rem}.card-title{font-size:1.2rem}.card{margin-bottom:20px}.dropdown-menu{border:none;background-color:transparent;box-shadow:none}.navbar-nav .dropdown-menu{padding-left:20px}.dropdown-item{color:#fff!important}.navbar-collapse{background-color:#303030;padding:15px;border-radius:0 0 8px 8px;margin-top:10px}.navbar-toggler:focus{outline:none}.navbar-nav .nav-link{padding:10px 0}.search-btn-mobile{color:#fff;background-color:transparent;border:none;font-size:1.2rem;padding:5px 10px}}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.element-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative}.element-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.element-card .card-img-container{position:relative;width:100%;padding-top:56.25%;background:#f0f0f0;overflow:hidden}.element-card .card-img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.element-card .level-badge{position:absolute;top:10px;right:10px;background:#ffffffe6;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;color:#333}.element-card .card-content{padding:1.25rem}.element-card .card-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#333}.element-card .card-description{font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.5}.element-card .card-footer{padding:1rem 1.25rem;background:#f8f9fa;border-top:1px solid #eee}.grammar-element .level-badge{background:#3f51b51a;color:#3f51b5}.vocabulary-element .level-badge{background:#e91e631a;color:#e91e63}.listening-element .level-badge{background:#ffb1001a;color:#ffb100}.reading-element .level-badge{background:#ff57221a;color:#ff5722}.writing-element .level-badge{background:#9c27b01a;color:#9c27b0}.use-of-english-element .level-badge{background:#0096881a;color:#009688}.back-button{display:inline-flex;align-items:center;padding:.5rem 1rem;color:#666;text-decoration:none;border:1px solid #ddd;border-radius:6px;transition:all .3s ease;margin-bottom:1.5rem}.back-button:hover{background:#f8f9fa;color:#333;border-color:#ccc}.back-button i{margin-right:.5rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto}.pagination{margin-top:2rem;justify-content:center}.pagination .page-item .page-link{padding:.5rem 1rem;color:#333;border:1px solid #ddd;margin:0 .25rem;border-radius:4px}.pagination .page-item.active .page-link{background-color:#4caf50;border-color:#4caf50;color:#fff}@media (max-width: 768px){.elements-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}}.lesson-header{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.lesson-title{font-weight:700;margin-bottom:.5rem}.lesson-breadcrumb{margin-bottom:0;font-size:.9rem;color:#666}.lesson-breadcrumb a{color:#3f51b5;text-decoration:none}.lesson-breadcrumb a:hover{text-decoration:underline}.exercise-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.exercise-nav .btn{padding:.4rem 1rem;border-radius:50px;font-size:.9rem}.tab-container{margin-bottom:2rem;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.tab-container .nav-tabs{border-bottom:1px solid #dee2e6!important;background-color:transparent!important;padding:0!important;margin-bottom:15px!important}.tab-container .nav-tabs .nav-item{margin-bottom:0!important}.tab-container .nav-tabs .nav-link{border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:10px 15px!important;color:#495057!important;font-weight:500!important;background-color:transparent!important;margin-right:4px!important}.tab-container .nav-tabs .nav-link:hover,.tab-container .nav-tabs .nav-link:focus{border-color:transparent!important}.tab-container .nav-tabs .nav-link.active{color:#212529!important;background-color:transparent!important;border-bottom:2px solid #4CAF50!important;font-weight:600!important}.tab-container .nav-tabs .nav-link{position:static!important}.tab-container .nav-tabs .nav-link:after{display:none!important}.grammar-test .nav-tabs .nav-link.active{border-bottom-color:#3f51b5!important}.vocabulary-test .nav-tabs .nav-link.active{border-bottom-color:#e91e63!important}.listening-test .nav-tabs .nav-link.active{border-bottom-color:#ffb100!important}.reading-test .nav-tabs .nav-link.active{border-bottom-color:#ff5722!important}.use-of-english-test .nav-tabs .nav-link.active{border-bottom-color:#009688!important}.writing-test .nav-tabs .nav-link.active{border-bottom-color:#9c27b0!important}.exams-test .nav-tabs .nav-link.active{border-bottom-color:#4caf50!important}.question-card{border:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.question-card .card-header{padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.question-card .card-body{padding:1.5rem}.question-card .card-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem 1.5rem}.form-check{margin-bottom:.75rem;padding-left:2rem}.form-check-input{margin-left:-2rem}.form-select.answer-select{display:inline-block;background-color:#f8f9fa;border:1px solid #ced4da;padding:.375rem 2.25rem .375rem .75rem}.back-button-lesson{display:inline-flex;align-items:center;margin-bottom:1rem;color:#666;text-decoration:none;font-size:.9rem}.back-button-lesson:hover{color:#333;text-decoration:underline}.back-button-lesson i{margin-right:.5rem}#resultsContainer{border-radius:12px;overflow:hidden}.test-results-header{padding:1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem}.score-circle.passed{background-color:#4caf501a;color:#4caf50;border:3px solid #4CAF50}.score-circle.failed{background-color:#f443361a;color:#f44336;border:3px solid #F44336}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state p{font-size:1.1rem;margin-bottom:1rem}.tab-content{background:#fff;padding:1.5rem;border-radius:0 0 12px 12px}