:root{--bg-color:#fff;--text-main:#000;--text-secondary:#5e5e5e;--accent-color:#06f;--accent-hover:#0052cc;--card-hover:#f5f5f5;--border-color:#e0e0e0;--font-stack:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}a{text-decoration:none;color:inherit;transition:.2s}ul{list-style:none}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.95);z-index:100;border-bottom:1px solid transparent;gap:20px}header.scrolled{border-bottom:1px solid var(--border-color)}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.logo span{color:var(--accent-color)}.nav-links{display:none}.header-right{gap:16px;flex-wrap:wrap;justify-content:flex-end}.auth-buttons,.header-right{display:flex;align-items:center}.auth-buttons{gap:10px}.auth-buttons .btn{padding:10px 24px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer}.btn-outline{background:transparent;border:1px solid transparent}.btn-outline:hover{color:var(--accent-color)}.btn-primary{background-color:var(--text-main);color:#fff;border:2px solid var(--text-main);transition:all .3s ease}.btn-primary:hover{background-color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,255,.3)}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:10px 18px;border-radius:12px;font-weight:600;cursor:pointer}.google-auth{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.google-auth span{font-size:.9rem;color:var(--text-secondary)}.accent-text{color:var(--accent-color)}.badge{display:inline-flex;gap:6px;padding:5px 12px;border-radius:999px;background:#eef3ff;color:#1c4dff;font-size:.85rem;font-weight:700}.badge,.hero{align-items:center}.hero{display:flex;flex-direction:column-reverse;padding:60px 5%;max-width:1200px;margin:0 auto;gap:30px}.hero-text{flex:1 1;text-align:center;margin-top:20px}.hero h1{font-size:2.6rem;font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.hero p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px;max-width:520px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-image{flex:1 1}.hero-image,.illustration-placeholder{width:100%;display:flex;justify-content:center}.illustration-placeholder{max-width:520px;height:360px;background:radial-gradient(circle at 30% 20%,#ffedd5 0,#f0f4ff 40%,#e7f0ff 75%);border-radius:22px;align-items:center;position:relative;overflow:hidden}.shape{position:absolute;border-radius:50%}.shape-1{width:150px;height:150px;background:#ffd02f;top:10%;left:10%;opacity:.8}.shape-2{width:100px;height:100px;background:#ff4f4f;bottom:20%;right:15%;border-radius:10px;transform:rotate(15deg)}.shape-3{width:80px;height:80px;background:var(--accent-color);bottom:10%;left:30%;border-radius:50%}.hero-img-text{z-index:10;font-weight:700;font-size:1.2rem;background:#fff;padding:10px 20px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.features-section{padding:80px 5%;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2rem;margin-bottom:10px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.course-card{border:1px solid var(--border-color);border-radius:12px;padding:30px;transition:all .3s ease;cursor:pointer;position:relative;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08);border-color:var(--accent-color)}.icon-box{width:60px;height:60px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:12px}.card-geo .icon-box{background:#e6f0ff;color:#06f}.card-vocab .icon-box{background:#fff4cc;color:#c90}.card-write .icon-box{background:#ffe6e6;color:#c00}.card-any{grid-column:1/-1;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;border:none;flex-direction:row;align-items:center;justify-content:space-between}.card-any h3{color:#fff;margin-bottom:10px;font-size:1.8rem}.card-any p{color:#ccc;max-width:600px}.card-any .icon-box{background:hsla(0,0%,100%,.1);color:#fff;width:80px;height:80px;font-size:2rem}.card-any-content{flex:1 1;padding-right:20px}.card-any .btn{background:var(--accent-color);border:none;padding:12px 30px;border-radius:50px;color:#fff;font-weight:700;white-space:nowrap}.course-card h3{font-size:1.25rem;margin-bottom:10px;font-weight:700}.course-card p{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px}.ai-section{background-color:#f7f7f7;padding:80px 5%}.ai-wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;gap:30px;align-items:start}.ai-copy h2{font-size:2rem;margin-bottom:15px}.ai-copy p{color:var(--text-secondary);margin-bottom:10px}.ai-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 6px 16px rgba(0,0,0,.05)}.chat-box{display:flex;flex-direction:column;gap:12px;height:360px}.chat-messages{flex:1 1;border:1px solid var(--border-color);border-radius:12px;padding:14px;overflow-y:auto;background:#fafafa}.chat-message{margin-bottom:12px;padding:10px 12px;border-radius:12px;max-width:90%;line-height:1.4}.chat-message.user{background:#e9f0ff;align-self:flex-end}.chat-message.bot{background:#fff;border:1px solid #eee;align-self:flex-start}.chat-input-row{display:flex;gap:10px;align-items:center}.chat-input-row input{flex:1 1;padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);font-size:1rem}.chat-input-row button{padding:12px 18px;border-radius:12px;border:none;background:var(--text-main);color:#fff;font-weight:700;cursor:pointer}.vip-highlight{padding:60px 5%;max-width:1100px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;align-items:center}.vip-card{background:linear-gradient(135deg,#0b1a40,#0f2e7f);color:#fff;border-radius:16px;padding:30px;box-shadow:0 15px 30px rgba(0,0,0,.15)}.vip-card h3{font-size:1.8rem;margin-bottom:12px}.vip-card p{color:#dfe8ff;margin-bottom:14px}.vip-card ul{padding-left:16px;margin-bottom:18px}.vip-card li{margin-bottom:8px}.vip-card .btn-primary{background:#fff;color:#0f2e7f;border-color:#fff}.vip-card .btn-primary:hover{background:#dfe8ff}.language-footer{margin-top:24px;font-size:.85rem;color:var(--text-secondary);display:inline-flex;gap:12px;align-items:center}.lang-option{cursor:pointer;padding:4px 8px;border-radius:10px;transition:.2s}.lang-option.active{color:var(--text-main);background:#f1f3f7;font-weight:700}.vip-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:200}.vip-modal{background:#fff;border-radius:18px;padding:24px;width:90%;max-width:540px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.vip-modal header{position:relative;padding:0;justify-content:flex-start;display:flex}.vip-close,.vip-modal header{border:none;background:transparent}.vip-close{position:absolute;right:0;top:0;font-size:1.2rem;cursor:pointer}.vip-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin:20px 0}.vip-plan{border:1px solid var(--border-color);border-radius:12px;padding:14px;cursor:pointer}.vip-plan.active{border-color:var(--accent-color);box-shadow:0 6px 18px rgba(0,102,255,.12)}footer{padding:60px 5%;border-top:1px solid var(--border-color);margin-top:60px;font-size:.9rem;color:var(--text-secondary);text-align:center}@media (min-width:768px){.hero{flex-direction:row;text-align:left;padding:100px 5%}.hero-text{margin-top:0;padding-right:50px;text-align:left}.hero p{margin-left:0}.hero h1{font-size:3.5rem}.nav-links{display:flex;gap:30px;font-weight:500}.auth-buttons{gap:10px}.card-any{padding:50px}}