:root{--primary-color: #2c3e50;--accent-color: #3498db;--light-gray: #f8f9fa;--text-color: #2c3e50;--bulma-footer-background-color: white}body{background-color:#f6f9fc}.navbar[data-v-9e5d2262]{border-bottom:1px solid #eee}.footer[data-v-9e5d2262]{background-color:#fff;border-top:1px solid #eee}.hero-gradient[data-v-8f85da00]{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.hero-gradient[data-v-8f85da00]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');animation:float-8f85da00 20s linear infinite}@keyframes float-8f85da00{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.hero-subtitle[data-v-8f85da00]{font-size:1.5rem;animation:fadeInUp-8f85da00 1s ease-out}@keyframes fadeInUp-8f85da00{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-button[data-v-8f85da00]{padding:1.5rem 3rem;font-size:1.25rem;font-weight:600;border-radius:50px;transition:all .3s ease;box-shadow:0 10px 30px #0003;animation:fadeInUp-8f85da00 1.2s ease-out}.cta-button[data-v-8f85da00]:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.feature-card[data-v-8f85da00]{transition:all .3s ease;border-radius:15px;height:100%}.feature-card[data-v-8f85da00]:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.icon-wrapper[data-v-8f85da00]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 25px #667eea4d;font-size:2rem;color:#fff}.gradient-text[data-v-8f85da00]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.listening-badge[data-v-8f85da00]{display:inline-block;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:600;margin-bottom:1rem;animation:fadeInUp-8f85da00 .6s ease-out}[data-v-171045c3] .video-js .vjs-big-play-button{top:50%;left:50%;transform:translate(-50%,-50%);height:100px;width:100px;border-radius:50px;line-height:100px;border-color:#0d6efd;margin:0}.editor[data-v-7d5c83d7] p{margin-bottom:.2rem}.completion-card[data-v-2844bcdd]{max-width:600px;animation:fadeInUp-2844bcdd .6s ease-out}@keyframes fadeInUp-2844bcdd{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-box[data-v-2844bcdd]{width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:scaleIn-2844bcdd .5s ease-out .3s both}@keyframes scaleIn-2844bcdd{0%{transform:scale(0)}to{transform:scale(1)}}.icon-box i[data-v-2844bcdd]{font-size:3rem;color:#fff}.stats-box[data-v-2844bcdd]{background-color:#f5f5f5;border-radius:8px;padding:1rem;margin:1.5rem 0}.stat-item[data-v-2844bcdd]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.cta-button[data-v-2844bcdd]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:transform .2s,box-shadow .2s}.cta-button[data-v-2844bcdd]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66;background:linear-gradient(135deg,#667eea,#764ba2)}.instruction-block[data-v-3a38d6c1]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #667eea4d;position:relative;overflow:hidden;max-width:640px;margin:0 auto}.instruction-block[data-v-3a38d6c1]:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%;pointer-events:none}.instruction-content[data-v-3a38d6c1]{position:relative;z-index:1}.instruction-title[data-v-3a38d6c1]{color:#fff;font-size:1.35rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.title-icon[data-v-3a38d6c1]{font-size:1.5rem;animation:pulse-3a38d6c1 2s ease-in-out infinite}@keyframes pulse-3a38d6c1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.steps-container[data-v-3a38d6c1]{display:flex;gap:1rem;flex-wrap:nowrap;align-items:stretch}.step-item[data-v-3a38d6c1]{flex:1;background:#fffffff2;border-radius:10px;padding:1rem;transition:all .3s ease;position:relative;text-align:center}.step-item[data-v-3a38d6c1]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026;background:#fff}.step-number[data-v-3a38d6c1]{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 4px 10px #667eea66}.step-icon[data-v-3a38d6c1]{font-size:2rem;margin:.5rem 0;display:block}.step-title[data-v-3a38d6c1]{font-weight:600;font-size:.95rem;color:#363636;margin-bottom:.25rem}.step-description[data-v-3a38d6c1]{color:#7a7a7a;font-size:.8rem;line-height:1.4}.arrow-separator[data-v-3a38d6c1]{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;margin:0;width:20px}.close-button[data-v-3a38d6c1]{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:2}.close-button[data-v-3a38d6c1]:hover{background:#ffffff4d;transform:rotate(90deg)}.tip-box[data-v-3a38d6c1]{background:#ffffff26;border-left:3px solid white;padding:.75rem 1rem;border-radius:6px;color:#fff;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.85rem}.tip-icon[data-v-3a38d6c1]{margin-right:.5rem}@media screen and (max-width: 768px){.steps-container[data-v-3a38d6c1]{flex-direction:column}.arrow-separator[data-v-3a38d6c1]{transform:rotate(90deg);margin:-.5rem 0}.instruction-title[data-v-3a38d6c1]{font-size:1.5rem}}.fade-out[data-v-3a38d6c1]{animation:fadeOut-3a38d6c1 .3s ease-out forwards}@keyframes fadeOut-3a38d6c1{to{opacity:0;transform:translateY(-20px)}}.questions-block[data-v-09d7f9b3]{max-width:640px}.question-number[data-v-09d7f9b3]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;display:inline-block;margin-bottom:1rem;font-weight:700}.answer-option[data-v-09d7f9b3]{cursor:pointer;transition:all .3s ease;border:2px solid #eee;margin-bottom:.75rem;padding:1rem;border-radius:6px;background-color:#fff}.answer-option.correct[data-v-09d7f9b3]{border-color:#48c774;background-color:#effaf3}.answer-option.incorrect[data-v-09d7f9b3]{border-color:#f14668;background-color:#feecf0}.answer-option.disabled[data-v-09d7f9b3]{cursor:not-allowed;opacity:.7}