.auth-container{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{text-align:center;background:#fff;border-radius:15px;width:400px;padding:40px;box-shadow:0 5px 20px #0000001a}.auth-card h1{color:#e60023;margin-bottom:10px}.auth-card h2{margin-bottom:25px}.auth-card input{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}.auth-card button{color:#fff;cursor:pointer;background:#e60023;border:none;border-radius:8px;width:100%;padding:12px}.auth-card button:hover{background:#c4001d}.error{color:red;margin-top:10px}.dashboard{background:#f3f3f3;min-height:100vh;display:flex}.sidebar h2{text-align:center;margin-bottom:40px}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;padding:15px 0}.main-content{flex:1;padding:30px}.welcome-banner{color:#fff;background:linear-gradient(90deg,#250000,#e60023);border-radius:25px;justify-content:space-between;align-items:center;padding:30px 40px;display:flex}.start-btn{color:#fff;cursor:pointer;background:#ff002b;border:none;border-radius:12px;padding:14px 30px}.stats-row{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;display:grid}.course-title{text-align:center;margin:60px 0 30px}.course-card button{color:#fff;cursor:pointer;background:#e60023;border:none;border-radius:10px;margin-top:15px;padding:12px 25px}.locked-btn{background:#c7c7c7!important}@media (width<=768px){.dashboard{min-height:100vh;display:block}.sidebar{width:100%;min-height:auto;padding:12px}.sidebar-logo{width:60px;margin-bottom:8px}.sidebar h2{margin-bottom:10px;font-size:18px}.sidebar ul{white-space:nowrap;flex-wrap:nowrap;gap:10px;margin:0;padding:8px 0;display:flex;overflow-x:auto}.sidebar li{background:#222;border-radius:8px;flex:none;padding:8px 12px;font-size:14px}.main-content{width:100%;padding:14px}.welcome-banner{flex-direction:column;align-items:flex-start;gap:15px;padding:22px}.welcome-banner h1{font-size:24px}.start-btn{width:100%}.stats-row,.course-grid{grid-template-columns:1fr}.stat-card p{font-size:30px}.course-title{margin:35px 0 20px}}.contact-page{background:linear-gradient(135deg,#eef6ff,#fff1f8);min-height:100vh;padding:40px}.contact-header{background:#fff;border-radius:20px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 10px 25px #00000014}.contact-header img{object-fit:contain;border-radius:14px;width:80px;height:80px}.contact-header h1{color:#0f172a;margin:0}.contact-header p{color:#64748b}.contact-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px;display:grid}.contact-card{background:#fff;border-radius:18px;padding:25px;transition:all .3s;box-shadow:0 10px 25px #00000014}.contact-card:hover{transform:translateY(-5px)}.contact-card span{font-size:34px}.contact-card h3{color:#0f172a;margin-top:15px}.contact-card p{color:#475569;line-height:1.6}.contact-box{background:#fff;border-radius:22px;margin-top:35px;padding:35px;box-shadow:0 10px 25px #00000014}.contact-box h2{color:#0f172a;margin-top:0}.contact-box p{color:#475569;max-width:700px;line-height:1.7}.contact-box button{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:12px;margin-top:20px;margin-right:15px;padding:12px 22px;font-weight:600}.contact-box .secondary-btn{background:#64748b}@media (width<=900px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.contact-page{padding:20px}.contact-header{text-align:center;flex-direction:column}.contact-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:Arial,sans-serif}nav{color:#fff;text-align:center;background:#000;padding:20px}section{text-align:center;padding:50px 20px}button{color:#fff;cursor:pointer;background:#d6001c;border:none;border-radius:8px;margin-top:15px;padding:12px 24px}button:hover{opacity:.9}.login-container{background:#f4f4f4;justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:#fff;border-radius:12px;width:350px;padding:40px;box-shadow:0 5px 20px #0000001a}.login-box h1{text-align:center;margin-bottom:20px}.login-box input{border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}.login-box button{width:100%}.login-box p{text-align:center;color:#d6001c;cursor:pointer;margin-top:15px}.logo{width:140px;height:auto;margin:0 auto 20px;display:block}.dashboard-layout{min-height:100vh;display:flex}.sidebar ul{margin-top:30px;list-style:none}.sidebar li{cursor:pointer;margin-bottom:15px}.dashboard-content{background:#f5f5f5;flex:1;padding:30px}.dashboard-header{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.stat-card{background:#fff;border-radius:12px;flex:1;padding:20px;box-shadow:0 3px 10px #00000014}.stat-card h3{margin-bottom:10px}.stat-card p{font-size:24px;font-weight:700}.sidebar{color:#fff;background:#111;width:260px;padding:25px 20px}.sidebar-logo{border-radius:14px;width:95px;margin:0 auto 15px;display:block}.sidebar h2{text-align:center;margin-bottom:25px;font-size:20px}.sidebar ul{list-style:none}.sidebar li{cursor:pointer;border-radius:8px;margin-bottom:8px;padding:12px}.sidebar li:hover{background:#d6001c}.sidebar-motivation{background:#d6001c;border-radius:12px;margin-top:30px;padding:15px}.dashboard-content{flex:1;padding:30px}.dashboard-header{color:#fff;background:linear-gradient(135deg,#111,#d6001c);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:30px;display:flex}.stats-container{gap:20px;margin-bottom:30px;display:flex}.stat-card,.course-card,.dashboard-box{background:#fff;border-radius:16px;padding:22px;box-shadow:0 4px 15px #00000014}.stat-card{flex:1}.course-container{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:15px;margin-bottom:30px;display:grid}.course-card{text-align:center}.course-card h3{color:#111;font-size:32px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.progress-bar{background:#ddd;border-radius:20px;width:100%;height:12px;margin:15px 0}.progress-fill{background:#d6001c;border-radius:20px;width:65%;height:100%}.quick-buttons{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=900px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}.stats-container,.dashboard-header{flex-direction:column;gap:15px}.course-container,.dashboard-grid{grid-template-columns:1fr}}.course-card button:disabled{cursor:not-allowed;background:#999}.course-card h4{color:#555;margin:8px 0;font-size:15px}.course-page{background:#f5f6fa;min-height:100vh;padding:40px}.course-page h1{margin-bottom:10px}.course-page p{color:#555;margin-bottom:30px}.module-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.module-card{cursor:pointer;background:#fff;border-radius:16px;padding:30px;font-size:20px;font-weight:700;box-shadow:0 4px 15px #00000014}.module-card:hover{transform:translateY(-4px)}@media (width<=800px){.module-grid{grid-template-columns:1fr}}.chapter-page{background:#f5f6fa;min-height:100vh;padding:40px}.back-link{color:#d6001c;margin-bottom:20px;font-weight:700;text-decoration:none;display:inline-block}.chapter-section{background:#fff;border-radius:16px;margin:20px 0;padding:24px;box-shadow:0 4px 15px #00000014}.video-box{color:#fff;text-align:center;background:#111;border-radius:14px;padding:40px}.chapter-section ul{margin-top:10px;margin-left:20px}.chapter-section li{margin-bottom:8px}.lesson-table{border-collapse:collapse;width:100%;margin-top:15px}.lesson-table th,.lesson-table td{text-align:left;border:1px solid #ddd;padding:12px}.lesson-table th{color:#fff;background:#111}.mini-section{background:#f5f6fa;border-radius:12px;margin-top:18px;padding:15px}.dialogue-box{background:#f5f6fa;border-radius:12px;margin-top:15px;padding:18px}.chapter-progress-box{background:#fff;border-radius:16px;margin:25px 0;padding:22px;box-shadow:0 4px 15px #00000014}.completed-btn{cursor:default;background:#16a34a}.chapter-locked{opacity:.45;cursor:not-allowed;background:#e5e7eb}.chapter-locked:hover{transform:none}.chapter-done{background:#f0fff4;border:2px solid #16a34a}.answer-text{color:#16a34a;margin-left:10px}.quiz-option{cursor:pointer;margin:10px 0;display:block}.correct-answer{color:#16a34a}.wrong-answer{color:#d6001c}.grammar-page{background:linear-gradient(135deg,#f7f7f7,#fff3e0);min-height:100vh;padding:35px}.grammar-header{color:#fff;background:linear-gradient(135deg,#111,#d6001c);border-radius:22px;align-items:center;gap:22px;margin-bottom:25px;padding:28px;display:flex}.grammar-logo{object-fit:cover;background:#fff;border-radius:18px;width:90px;height:90px}.grammar-header h1{margin-bottom:8px;font-size:34px}.grammar-progress-card{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:22px;display:flex;box-shadow:0 4px 16px #00000014}.grammar-progress-card strong{color:#d6001c;font-size:32px}.grammar-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;display:grid}.grammar-card{cursor:pointer;background:#fff;border-top:6px solid #d6001c;border-radius:20px;min-height:190px;padding:24px;transition:all .3s;box-shadow:0 4px 18px #00000014}.grammar-card:hover{transform:translateY(-6px)}.chapter-number{color:#d6001c;margin-bottom:12px;font-weight:700}.grammar-card h3{margin-bottom:10px}.grammar-card p{color:#555;line-height:1.5}.grammar-card span{margin-top:18px;font-weight:700;display:inline-block}.grammar-done{background:#f0fff4;border-top-color:#16a34a}.grammar-locked{opacity:.55;cursor:not-allowed;background:#e5e7eb}.grammar-locked:hover{transform:none}@media (width<=900px){.grammar-grid{grid-template-columns:1fr}.grammar-header{text-align:center;flex-direction:column}}.a1-page{background:linear-gradient(135deg,#f6f7fb,#fff3e0);min-height:100vh;padding:35px}.a1-hero{color:#fff;background:linear-gradient(135deg,#111,#d6001c);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:28px;display:flex}.a1-brand{align-items:center;gap:20px;display:flex}.a1-brand img{object-fit:cover;background:#fff;border-radius:18px;width:90px;height:90px}.a1-brand h1{margin-bottom:8px;font-size:34px}.a1-overview{background:#fff;border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:28px;display:flex;box-shadow:0 4px 18px #00000014}.a1-overview p{color:#555;max-width:700px;line-height:1.6}.a1-progress-summary{color:#fff;text-align:center;background:#111;border-radius:18px;min-width:150px;padding:24px}.a1-progress-summary strong{color:gold;font-size:34px;display:block}.a1-module-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.a1-module-card{cursor:pointer;background:#fff;border-top:6px solid #d6001c;border-radius:22px;padding:26px;transition:all .3s;box-shadow:0 4px 18px #00000014}.a1-module-card:hover{transform:translateY(-6px)}.module-icon{margin-bottom:12px;font-size:38px}.a1-module-card h3{margin-bottom:10px}.a1-module-card p{color:#555;line-height:1.5}.a1-module-card span{color:#d6001c;margin-top:18px;font-weight:700;display:inline-block}.module-coming{opacity:.65;cursor:not-allowed;border-top-color:#999}.module-coming:hover{transform:none}@media (width<=900px){.a1-hero,.a1-overview{text-align:center;flex-direction:column;gap:18px}.a1-module-grid{grid-template-columns:1fr}.a1-brand{flex-direction:column}}.home-page{background:linear-gradient(135deg,#f6f7fb,#fff3e0);min-height:100vh}.home-nav{color:#fff;background:linear-gradient(135deg,#111,#d6001c);justify-content:space-between;align-items:center;padding:18px 45px;display:flex}.home-brand{align-items:center;gap:14px;display:flex}.home-brand img{object-fit:cover;background:#fff;border-radius:14px;width:58px;height:58px}.home-links{gap:22px;display:flex}.home-links a{color:#fff;font-weight:700;text-decoration:none}.home-hero{grid-template-columns:1.4fr .8fr;align-items:center;gap:35px;padding:70px 45px;display:grid}.home-hero-text span{color:#d6001c;font-weight:700}.home-hero-text h1{max-width:760px;margin:12px 0;font-size:52px}.home-hero-text p{color:#555;max-width:650px;font-size:19px;line-height:1.6}.home-buttons{gap:16px;margin-top:28px;display:flex}.primary-btn,.secondary-btn{border-radius:14px;padding:14px 28px;font-weight:700;text-decoration:none}.primary-btn{color:#fff;background:#d6001c}.secondary-btn{color:#fff;background:#111}.home-hero-card{text-align:center;background:#fff;border-radius:24px;padding:30px;box-shadow:0 6px 24px #0000001a}.home-hero-card img{border-radius:24px;width:180px;margin-bottom:20px}.home-levels{text-align:center;padding:30px 45px}.home-levels h2{font-size:34px}.home-levels p{color:#555;margin-bottom:28px}.level-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.level-card{background:#fff;border-top:6px solid #d6001c;border-radius:22px;padding:30px;box-shadow:0 4px 18px #00000014}.level-card h3{color:#111;font-size:42px}.level-card p{color:#555}.home-features{grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 45px 70px;display:grid}.home-features div{color:#fff;text-align:center;background:#111;border-radius:18px;padding:22px;font-weight:700}@media (width<=900px){.home-nav,.home-hero{flex-direction:column}.home-hero{text-align:center;grid-template-columns:1fr}.home-buttons{justify-content:center}.level-grid,.home-features{grid-template-columns:1fr}.home-links{flex-wrap:wrap;justify-content:center}.home-hero-text h1{font-size:36px}}.dashboard-layout{background:#f4f4f4;min-height:100vh;display:flex}.sidebar{color:#fff;text-align:center;background:#111;width:260px;padding:20px}.sidebar-logo{object-fit:cover;border-radius:16px;width:110px;height:110px}.sidebar h2{margin:15px 0 35px}.sidebar nav p{text-align:left;cursor:pointer;margin:24px 0;font-size:18px}.dashboard-main{flex:1;padding:30px 40px}.hero-card{color:#fff;background:linear-gradient(120deg,#1a1111,#e00022);border-radius:20px;justify-content:space-between;align-items:center;padding:45px 70px;display:flex}.hero-card h1{margin:0;font-size:36px}.hero-card p{font-size:18px}.hero-card button,.course-card button{color:#fff;cursor:pointer;background:#df0024;border:none;border-radius:10px;padding:14px 34px;font-size:16px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0 90px;display:grid}.stat-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 8px 20px #00000014}.stat-card h3{font-size:22px}.stat-card p{color:#df0024;font-size:30px;font-weight:700}.courses-section h2{text-align:center;margin-bottom:25px;font-size:30px}.course-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.course-card{text-align:center;background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 20px #0000000f}.course-card h3{margin:0;font-size:36px}.course-card h4{color:#555}.course-card.locked{opacity:.55}.course-card.locked button{cursor:not-allowed;background:#999}