@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-primary-50: #E6F2FF;--color-primary-100: #CCE5FF;--color-primary-200: #99CBFF;--color-primary-300: #66B0FF;--color-primary-400: #3380CC;--color-primary-500: #0057B7;--color-primary-600: #00428A;--color-primary-700: #00244D;--color-primary-800: #001A3A;--color-primary-900: #001029;--color-accent-50: #FFFBEB;--color-accent-100: #FFF4CC;--color-accent-200: #FFEB99;--color-accent-300: #FFE366;--color-accent-400: #FFEB99;--color-accent-500: #FFD700;--color-accent-600: #E6C200;--color-accent-700: #B39600;--color-accent-800: #806B00;--color-accent-900: #4D4000;--color-neutral-50: #FAFAFA;--color-neutral-100: #F4F4F4;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #1A1A1A;--color-white: #FFFFFF;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-error-400: #f87171;--color-error-500: #ef4444;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-strong: rgba(255, 255, 255, .12);--glass-border: rgba(0, 87, 183, .25);--glass-shadow: 0 8px 32px 0 rgba(0, 36, 77, .15);--glass-bg-light: rgba(0, 36, 77, .06);--glass-border-light: rgba(0, 87, 183, .15);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem}*{box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.glass{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);border:1px solid var(--glass-border)}.gradient-mesh{background:radial-gradient(at 27% 37%,hsla(215,98%,61%,.12) 0px,transparent 50%),radial-gradient(at 97% 21%,hsla(125,98%,72%,.08) 0px,transparent 50%),radial-gradient(at 52% 99%,hsla(354,98%,61%,.08) 0px,transparent 50%),radial-gradient(at 10% 29%,hsla(256,96%,67%,.1) 0px,transparent 50%),radial-gradient(at 97% 96%,hsla(38,60%,74%,.08) 0px,transparent 50%),radial-gradient(at 33% 50%,hsla(222,67%,73%,.08) 0px,transparent 50%),radial-gradient(at 79% 53%,hsla(343,68%,79%,.08) 0px,transparent 50%)}.gradient-primary{background:linear-gradient(135deg,#0057b7,#00244d)}.gradient-success{background:linear-gradient(135deg,#0057b7,#22c55e)}.gradient-accent{background:linear-gradient(135deg,#0057b7,gold)}.gradient-radial{background:radial-gradient(circle at top,rgba(0,87,183,.05) 0%,transparent 60%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#94a3b81a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0057b799,#00244d99);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0057b7e6,#00244de6);background-clip:padding-box}.card-modern{background:#fff;border-radius:20px;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #00000005,0 0 0 1px #00000005;transition:all var(--transition-base);position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,87,183,.3) 50%,transparent);opacity:0;transition:opacity var(--transition-base)}.card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0057b714,0 8px 10px -6px #0057b714,0 0 0 1px #0057b70d;border-color:#0057b733}.card-modern:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#0057b7,#00244d);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:12px;border:none;box-shadow:0 4px 6px -1px #0057b74d,0 2px 4px -2px #0057b74d;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0057b766,0 4px 6px -4px #0057b766}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.badge-modern{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;transition:all var(--transition-fast)}.badge-glow{animation:pulse-glow 2s ease-in-out infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e2e8f033 25%,#e2e8f066,#e2e8f033 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.elevation-0{box-shadow:none}.elevation-1{box-shadow:var(--shadow-sm)}.elevation-2{box-shadow:var(--shadow-md)}.elevation-3{box-shadow:var(--shadow-lg)}.elevation-4{box-shadow:var(--shadow-xl)}.elevation-5{box-shadow:var(--shadow-2xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-scale{animation:fadeInScale .4s cubic-bezier(.4,0,.2,1)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.step-hidden{opacity:0;transform:translateY(30px)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInFromRight .35s ease-out forwards}.animate-slide-in-left{animation:slideInFromLeft .35s ease-out forwards}.step-delay-1{animation-delay:0ms}.step-delay-2{animation-delay:.15s}.step-delay-3{animation-delay:.3s}.step-delay-4{animation-delay:.45s}.timeline-connector-h{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,87,183,.3) 5%,rgba(0,87,183,.6) 50%,rgba(0,87,183,.3) 95%,transparent 100%)}.timeline-connector-v{width:2px;background:linear-gradient(180deg,#0057b799,#0057b74d)}.step-badge{background:linear-gradient(135deg,#0057b7,#00244d);box-shadow:0 4px 12px #0057b74d}@media(prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-slide-in-right,.animate-slide-in-left{animation:none;opacity:1;transform:none}.step-hidden{opacity:1;transform:none}}*:focus-visible{outline:2px solid #0057B7;outline-offset:2px;border-radius:4px}@media(max-width:768px){.card-modern:hover,.btn-primary:hover{transform:none}}.text-gradient{background:linear-gradient(135deg,#0057b7,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.perspective-1000{perspective:1000px}.flashcard-container{position:relative;transform-style:preserve-3d}.flashcard-container.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flashcard-front{transform:rotateY(0)}.flashcard-back{transform:rotateY(180deg)}.help-tooltip-trigger{position:relative;display:inline-flex;align-items:center;gap:.25rem}.help-tooltip-icon{flex-shrink:0}.help-tooltip-content{z-index:50}.help-tooltip-content:before{content:"";position:absolute}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.tooltip-animate{animation:tooltipFadeIn .15s ease-out forwards}.ipa-symbol{font-family:Lucida Sans Unicode,Arial Unicode MS,monospace;background:var(--color-primary-50);color:var(--color-primary-500);padding:.125rem .375rem;border-radius:4px;border:1px solid var(--color-primary-100);cursor:help}.ipa-symbol:hover{background:var(--color-primary-100)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.setup-checklist-enter{animation:slideInFromRight .3s ease-out forwards}.checklist-progress-bar{height:.5rem;background:var(--color-neutral-100);border-radius:9999px;overflow:hidden}.checklist-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:9999px;transition:width .5s ease-out}