@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";
.ex67Page{color:#0f172a;background:#f8fafc;min-height:100vh;padding-bottom:60px;font-family:Fredoka,Be Vietnam Pro,sans-serif}.ex67Wrap{max-width:1000px;margin:0 auto;padding:0 20px}.ex67Hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 50%,#8b5cf6 100%);border-bottom-right-radius:36px;border-bottom-left-radius:36px;padding:50px 20px 60px;box-shadow:0 12px 30px -5px #0ea5e959}.ex67Hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;margin-bottom:16px;padding:8px 20px;font-size:.95rem;font-weight:600;display:inline-block}.ex67Hero__title{margin-bottom:14px;font-size:2.5rem;font-weight:700;line-height:1.2}.ex67Hero__desc{opacity:.95;max-width:680px;margin:0 auto 30px;font-size:1.15rem;line-height:1.6}.ex67Hero__startBtn{color:#0ea5e9;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:16px 42px;font-family:inherit;font-size:1.25rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 25px #00000026}.ex67Hero__startBtn:hover{transform:scale(1.05);box-shadow:0 15px 35px #0003}.ex67ResumeBanner{text-align:center;background:#fffbeeb0;border:2px dashed #f59e0b;border-radius:24px;margin-top:30px;padding:24px;box-shadow:0 10px 20px #00000008}.ex67ResumeBanner__title{color:#b45309;margin-bottom:8px;font-size:1.2rem;font-weight:700}.ex67ResumeBanner__actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.ex67ResumeBanner__btn{cursor:pointer;border:none;border-radius:50px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:600}.ex67ResumeBanner__btn--primary{color:#fff;background:#f59e0b}.ex67ResumeBanner__btn--secondary{color:#475569;background:#f1f5f9}.ex67FeaturesGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:50px 0;display:grid}.ex67FeatureCard{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:24px;padding:28px;box-shadow:0 10px 20px #00000008}.ex67FeatureCard__icon{margin-bottom:12px;font-size:2.5rem}.ex67FeatureCard__title{color:#0f172a;margin-bottom:8px;font-size:1.25rem;font-weight:700}.ex67FeatureCard__desc{color:#64748b;font-size:.95rem;line-height:1.5}.ex67ContainerModal{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ex67CardModal{background:#fff;border-radius:32px;flex-direction:column;width:100%;max-width:560px;max-height:92vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) ex67PopIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d}@keyframes ex67PopIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.ex67Header{background:#fff;border-bottom:2px solid #f1f5f9;padding:16px 24px}.ex67Header__top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ex67Header__exit{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50px;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:700}.ex67Header__title{color:#0ea5e9;font-size:.95rem;font-weight:700}.ex67Header__score{color:#eab308;font-size:.95rem;font-weight:700}.ex67Header__progressBox{flex-direction:column;gap:6px;display:flex}.ex67Header__progressText{color:#64748b;justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.ex67Header__track{background:#e2e8f0;border-radius:10px;height:10px;overflow:hidden}.ex67Header__fill{background:linear-gradient(90deg,#0ea5e9 0%,#10b981 100%);height:100%;transition:width .3s}.ex67Body{flex-direction:column;align-items:center;min-height:340px;padding:24px;display:flex;position:relative;overflow-y:auto}.ex67Feedback{z-index:20;border-radius:50px;padding:8px 24px;font-size:1.05rem;font-weight:700;animation:.3s ex67BounceIn;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #0000001f}.ex67Feedback--correct{color:#15803d;background:#dcfce7;border:2px solid #86efac}.ex67Feedback--retry{color:#a16207;background:#fef9c3;border:2px solid #fde047}.ex67Feedback--hint{color:#0369a1;background:#e0f2fe;border:2px solid #7dd3fc}@keyframes ex67BounceIn{0%{opacity:0;transform:translate(-50%)scale(.5)}70%{transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}.ex67Question{flex-direction:column;align-items:center;width:100%;display:flex}.ex67Question__audioBar{text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;width:100%;margin-bottom:24px;padding:16px}.ex67Question__speakBtn{color:#fff;cursor:pointer;border:none;border-radius:50px;margin-bottom:8px;padding:8px 20px;font-family:inherit;font-size:.95rem;font-weight:700}.ex67Question__instructionText{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.ex67Question__optionsGrid{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.ex67Question__optBtn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:18px;font-family:inherit;transition:all .2s;display:flex}.ex67Question__optBtn:hover{border-color:#cbd5e1;transform:translateY(-2px)}.ex67Question__optBtn--selected{transform:scale(1.03);background:#e0f2fe!important;border-color:#0ea5e9!important}.ex67Question__optBtn--done{opacity:.85;background:#d1fae5!important;border-color:#10b981!important}.ex67Question__optBtn--wrong{animation:.3s ex67Shake;background:#fef2f2!important;border-color:#ef4444!important}.ex67Question__targetBtn--selected{transform:scale(1.08);background:#e0f2fe!important;border-color:#0ea5e9!important}.ex67Question__targetBtn--wrong{animation:.3s ex67Shake;background:#fef2f2!important;border-color:#ef4444!important}@keyframes ex67Shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ex67Question__seqGuide{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:1.6rem;display:flex}.ex67Question__seqStep{opacity:.4;transition:transform .2s}.ex67Question__seqStep--done{opacity:1;filter:drop-shadow(0 0 4px #10b981);transform:scale(1.1)}.ex67Question__seqArrow{color:#94a3b8;font-size:1rem;font-weight:700}.ex67Question__targetLabel{color:#475569;margin-top:4px;font-size:.75rem;font-weight:700}.ex67Question__optEmoji{font-size:2.4rem}.ex67Question__optLabel{color:#334155;font-size:1rem;font-weight:700}.ex67Question__targetsGrid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.ex67Question__targetBtn{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.ex67Question__visualBox{gap:8px;margin-bottom:20px;font-size:2.2rem;display:flex}.ex67Result{justify-content:center;width:100%;display:flex}.ex67Result__card{text-align:center;background:#fff;border-radius:32px;width:100%;max-width:540px;padding:32px;box-shadow:0 20px 40px #0000001a}.ex67Result__trophy{margin-bottom:8px;font-size:4rem}.ex67Result__title{color:#0f172a;margin-bottom:12px;font-size:1.4rem;font-weight:700}.ex67Result__stars{justify-content:center;gap:8px;margin-bottom:20px;font-size:2rem;display:flex}.ex67Result__star{opacity:.3}.ex67Result__star--active{opacity:1}.ex67Result__statsGrid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.ex67Result__statItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;padding:12px;display:flex}.ex67Result__statVal{color:#0ea5e9;font-size:1.3rem;font-weight:700}.ex67Result__statLbl{color:#64748b;font-size:.75rem;font-weight:600}.ex67Result__analysis{text-align:left;flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.ex67Result__block{border-radius:16px;padding:14px;font-size:.9rem;line-height:1.5}.ex67Result__block--good{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.ex67Result__block--improve{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.ex67Result__recommendation{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:16px;padding:14px;font-size:.9rem}.ex67Result__actions{gap:12px;display:flex}.ex67Result__btn{cursor:pointer;border:none;border-radius:50px;flex:1;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700}.ex67Result__btn--primary{color:#fff;background:#0ea5e9}.ex67Result__btn--secondary{color:#475569;background:#f1f5f9}@media (max-width:640px){.ex67Hero__title{font-size:1.8rem}.ex67Question__optionsGrid,.ex67Result__statsGrid{grid-template-columns:1fr}.ex67Result__actions{flex-direction:column}}