@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&display=swap";:root{--primary: #6366f1;--secondary: #64748b;--accent: #818cf8;--bg-gradient: #0f172a;--bg-image: none;--font-family: "Baloo 2", "Segoe UI", sans-serif;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .18);--text-primary: #ffffff;--text-muted: rgba(255, 255, 255, .72)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary)}body:before{content:"";position:fixed;inset:0;background-image:var(--bg-image);background-size:cover;background-position:center;opacity:.15;pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100dvh}.spa-root{min-height:100dvh;font-family:var(--font-family)}.spa-root--dark{filter:brightness(.92) saturate(1.05)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1.25rem;box-shadow:var(--glass-shadow)}.glass-input{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:.85rem!important}.glass-input::placeholder{color:#ffffff73!important}.glass-input:focus{background:#ffffff29!important;border-color:var(--accent)!important;box-shadow:0 0 0 .2rem #818cf833!important;color:#fff!important}.btn-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:600;border-radius:999px;padding:.65rem 1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-glass:hover,.btn-glass:focus{background:#ffffff29;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.btn-primary-glass{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--accent)));border:none;color:#fff;font-weight:700;border-radius:999px;padding:.75rem 1.5rem;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 40%,transparent);transition:transform .2s ease,box-shadow .2s ease}.btn-primary-glass:hover,.btn-primary-glass:focus{color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 50%,transparent)}.alert-danger-glass{background:#dc354533;border:1px solid rgba(220,53,69,.4);color:#ffb4bc;border-radius:.75rem;padding:.75rem 1rem;font-size:.9rem}.btn:focus,.btn:active:focus,.form-control:focus{box-shadow:0 0 0 .2rem #6366f140}a{color:var(--accent);text-decoration:none}a:hover{color:color-mix(in srgb,var(--accent) 85%,#fff)}.page-enter-active,.page-leave-active{transition:opacity .35s ease,transform .35s ease}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-fade-in{animation:fade-in .55s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media(max-width:575.98px){.glass-card{border-radius:1rem}.btn-primary-glass,.btn-glass{font-size:.95rem}}@media(min-width:768px){.glass-layout__content{padding-top:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
