@layer components{.practice-title{letter-spacing:-.025em;color:var(--foreground);font-size:1.25rem;font-weight:600;line-height:1.75rem}.practice-question{color:var(--foreground);white-space:pre-wrap;font-size:1rem;font-weight:500;line-height:1.625}.practice-body{color:var(--muted-foreground);font-size:.875rem;line-height:1.625}.practice-page{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.practice-page{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.practice-title{font-size:1.5rem;line-height:2rem}.practice-question{font-size:1.125rem;line-height:1.75rem}.practice-body{font-size:1rem;line-height:1.625}.practice-page{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1024px){.practice-page{padding-left:3.75rem;padding-right:3.75rem}}@media (min-width:1280px){.practice-zoom{zoom:.8}@supports not (zoom:1){.practice-zoom{transform-origin:top;width:125%;transform:scale(.8)}}}}
@layer components{@keyframes rainbow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-shimmer-border{background:conic-gradient(red,#ff8000,#ff0,#0f0,#0ff,#0080ff,#8000ff,#ff0080,red);animation:3s linear infinite rainbow-rotate}.pulse-glow{position:relative}.pulse-glow:before{content:"";background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));opacity:.6;z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-ring{0%{opacity:.6;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.liquid-loader{backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;font-family:system-ui,sans-serif;display:flex;box-shadow:0 8px 32px #0000001a}.dark .liquid-loader{background:#000000e6;box-shadow:0 8px 32px #ffffff0d}.loader-track{background:oklch(95% 0 0);border-radius:18px;width:200px;height:6px;position:relative;overflow:hidden}.liquid-fill{background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:16px;height:100%;animation:2s ease-in-out infinite fillProgress;position:absolute;top:0;left:0}.loading-text{color:var(--foreground);letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;font-weight:500;line-height:1.25rem}@keyframes fillProgress{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0%;left:100%}}.gradient-border{background:var(--card);border-radius:var(--radius);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end),#b152e0,var(--primary-gradient-start));-webkit-mask-composite:xor;opacity:0;background-size:300% 300%;padding:1px;transition:opacity .3s;animation:4s infinite gradient-rotate;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.gradient-border:hover:before{opacity:1}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.stat-card-glow{position:relative;overflow:visible}.stat-card-glow:after{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--primary)0%,transparent 50%);opacity:0;z-index:-1;filter:blur(20px);transition:opacity .4s;position:absolute;inset:-1px}.stat-card-glow:hover:after{opacity:.3}.float-slow{animation:6s ease-in-out infinite float-slow}.float-medium{animation:4s ease-in-out infinite float-medium}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes float-medium{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:100%}}.icon-pulse{animation:2s ease-in-out infinite icon-pulse}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.progress-animated [data-state=complete],.progress-animated [data-state=loading]{transition:transform .8s cubic-bezier(.65,0,.35,1)}.card-tilt{transform-style:preserve-3d;perspective:1000px}.ambient-orb{filter:blur(80px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.ambient-orb-1{background:var(--primary);width:400px;height:400px;animation:8s ease-in-out infinite float-slow;top:-100px;right:-100px}.ambient-orb-2{background:#b152e0;width:300px;height:300px;animation:6s ease-in-out infinite reverse float-medium;bottom:-50px;left:-50px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{animation:scroll var(--animation-duration,40s)linear infinite;animation-direction:var(--animation-direction,forwards)}}