@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--color-white:#fff;--color-soft-blue:#eaf4ff;--color-sky-blue:#4f9dff;--color-light-cyan:#dff6ff;--color-soft-green:#e8f8f0;--color-light-orange:#fff4e5;--color-navy:#1e3a5f;--color-light-gray:#f5f7fa;--color-text-dark:#2c3e50;--color-text-light:#5a6b7c;--color-correct:#27ae60;--color-incorrect:#e74c3c;--color-border:#e2e8f0;--font-primary:"Poppins", sans-serif;--font-secondary:"Inter", sans-serif;--shadow-soft:0 4px 20px #4f9dff14;--shadow-medium:0 10px 30px #1e3a5f0f;--shadow-hover:0 15px 35px #4f9dff26;--shadow-success:0 8px 25px #27ae6026;--shadow-danger:0 8px 25px #e74c3c26;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-secondary);color:var(--color-text-dark);background-color:var(--color-light-gray);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);color:var(--color-navy);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes softBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseBorder{0%{box-shadow:0 0 #4f9dff66}70%{box-shadow:0 0 0 10px #4f9dff00}to{box-shadow:0 0 #4f9dff00}}@keyframes drawLine{to{stroke-dashoffset:0}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.animate-shake{animation:.4s ease-in-out shake}.animate-bounce-hover:hover{animation:1s ease-in-out infinite softBounce}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.btn-primary{background-color:var(--color-sky-blue);color:var(--color-white);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-bounce);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #4f9dff40}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4f9dff66}.btn-primary:active{transform:translateY(-1px)}.btn-primary:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s ease-out,height .6s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:focus:after{width:300px;height:300px}.btn-secondary{background-color:var(--color-white);color:var(--color-navy);border:2px solid var(--color-soft-blue);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-bounce);border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--color-soft-blue);border-color:var(--color-sky-blue);transform:translateY(-2px)}.premium-card{background-color:var(--color-white);box-shadow:var(--shadow-soft);transition:var(--transition-bounce);border:2px solid #0000;border-radius:20px;padding:1.5rem}.premium-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-soft-blue);transform:translateY(-8px)scale(1.02)}.activity-card{background-color:var(--color-light-gray);cursor:pointer;transition:var(--transition-smooth);border:2px solid #0000;border-radius:12px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.activity-card:hover{background-color:var(--color-soft-blue);border-color:var(--color-sky-blue);box-shadow:var(--shadow-soft);transform:translateY(-3px)}.activity-card:active{transform:translateY(-1px)}.quiz-option{background-color:var(--color-white);border:2px solid var(--color-border);cursor:pointer;transition:var(--transition-smooth);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative}.quiz-option:hover{border-color:var(--color-sky-blue);background-color:var(--color-soft-blue)}.quiz-option.selected{border-color:var(--color-sky-blue);background-color:var(--color-soft-blue);box-shadow:0 0 0 3px #4f9dff33}.quiz-option.correct{border-color:var(--color-correct);background-color:var(--color-soft-green);box-shadow:var(--shadow-success)}.quiz-option.incorrect{border-color:var(--color-incorrect);box-shadow:var(--shadow-danger);background-color:#fdf3f2}.input-field{border:2px solid var(--color-border);width:100%;font-family:var(--font-secondary);transition:var(--transition-smooth);border-radius:12px;outline:none;padding:1rem 1.25rem;font-size:1rem}.input-field:focus{border-color:var(--color-sky-blue);box-shadow:0 0 0 3px #4f9dff26}.input-field.correct{border-color:var(--color-correct);background-color:var(--color-soft-green)}.input-field.incorrect{border-color:var(--color-incorrect);background-color:#fdf3f2}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-light-gray)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-sky-blue)}@media (width<=900px){.hero-split-row{flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important}.hero-split-row>div{flex:auto!important;width:100%!important}}@media (width<=768px){.container{padding:0 1rem!important}.landing-container header{padding:.8rem 1rem!important}.landing-container main{gap:1rem!important;padding:.8rem 1rem!important}.quiz-card{border-radius:20px!important;gap:1.2rem!important;max-width:100%!important;margin:0!important;padding:1.25rem 1rem!important}.quiz-card h1{font-size:1.2rem!important}.quiz-card p{padding:.8rem 1rem!important;font-size:.85rem!important;line-height:1.5!important}.roadmap-grid{grid-template-columns:1fr!important;gap:.6rem!important}.quiz-header-nav{gap:.6rem!important;padding:.8rem 1rem!important}.quiz-main-layout{padding:.8rem .5rem!important}}@media (width<=480px){h1{font-size:1.5rem!important}h2{font-size:.9rem!important}.units-row{grid-template-columns:1fr!important;gap:.6rem!important}.quiz-option{border-radius:12px!important;padding:.85rem 1rem!important;font-size:.88rem!important}.quiz-option span{font-size:.88rem!important}.match-pairs-board{gap:1.5rem!important;padding:.5rem 0!important}.match-pairs-col{gap:.8rem!important;width:47%!important}.match-pairs-card{border-radius:10px!important;padding:.6rem .8rem!important;font-size:.76rem!important}.match-dot-left{width:8px!important;height:8px!important;right:-10px!important}.match-dot-right{width:8px!important;height:8px!important;left:-10px!important}.target-slot{border-radius:6px!important;width:90px!important;height:28px!important;font-size:.65rem!important}.target-slot span{gap:.1rem!important;font-size:.65rem!important}.blank-slot{border-radius:6px!important;min-width:80px!important;height:30px!important;margin:0 .15rem!important;font-size:.85rem!important}.diagram-container svg{min-height:180px!important}}