.english-subject-container{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);min-height:100vh;padding:20px}.english-subject-content{max-width:1200px;margin:0 auto}.back-button-english{cursor:pointer;color:#4ecdc4;background:#fff;border:none;border-radius:10px;margin-bottom:30px;padding:12px 25px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 10px #0003}.back-button-english:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.subject-header{text-align:center;color:#fff;margin-bottom:50px;animation:.6s slideDown}.subject-header h1{text-shadow:2px 2px 8px #0003;margin-bottom:15px;font-size:3rem}.subject-header p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.english-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.option-card{cursor:pointer;text-align:center;background:#fff;border-radius:20px;padding:40px 30px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 40px #00000026}.option-card:hover{transform:translateY(-15px)scale(1.05);box-shadow:0 20px 60px #00000040}.option-icon{margin-bottom:20px;font-size:4rem;animation:2s ease-in-out infinite bounce;display:block}.option-card:hover .option-icon{animation:.6s ease-in-out spin}.option-card h2{color:#333;margin-bottom:15px;font-size:1.8rem;font-weight:700}.option-card p{color:#666;margin-bottom:25px;font-size:1rem;line-height:1.6}.option-features{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px;display:flex}.feature{color:#333;background:#f0f0f0;border-radius:20px;padding:8px 15px;font-size:.9rem}.start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);border:none;border-radius:50px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #4ecdc466}.start-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc499}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.1)}}@media (max-width:768px){.subject-header h1{font-size:2rem}.subject-header p{font-size:1rem}.english-options{grid-template-columns:1fr;gap:20px}.option-card{padding:30px 20px}.option-icon{font-size:3rem}.option-card h2{font-size:1.5rem}}
