.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(30px);opacity:0}.slide-leave-to{transform:translate(-30px);opacity:0}:root{--color-primary: #6B46C1;--color-primary-light: #8B5CF6;--color-primary-dark: #4C1D95;--color-secondary: #3B82F6;--color-success: #22C55E;--color-success-dark: #16A34A;--color-warning: #F59E0B;--color-danger: #EF4444;--color-danger-dark: #DC2626;--color-gold: #EAB308;--color-bg-dark: #0F172A;--color-bg-medium: #1E293B;--color-bg-light: #334155;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #475569;--font-main: "Nunito", system-ui, sans-serif;--font-display: "Fredoka One", "Nunito", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,.2), 0 4px 6px -2px rgba(0,0,0,.1);--shadow-glow: 0 0 20px rgba(107,70,193,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh}img,video{max-width:100%;display:block}button{font-family:var(--font-main);cursor:pointer}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:.95rem;font-family:var(--font-main);cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 15px #6b46c14d;filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;font-family:var(--font-main);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff59;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;font-family:var(--font-main);cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);transform:translateY(-1px)}.btn-back{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:all .2s;font-family:var(--font-main)}.btn-back:hover{background:#ffffff2e;color:#fff}.card{background:#ffffff14;border-radius:var(--radius-xl);padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}@keyframes confetti{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes starPop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.4) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-display{font-family:var(--font-display)}.fade-in{animation:fadeInUp .4s ease both}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}</style>{}