:root{--vx-bg: 222 60% 5%;--vx-surface: 222 45% 9%;--vx-border: 218 40% 22%;--vx-blue: 217 100% 56%;--vx-blue-deep: 224 100% 48%;--vx-blue-soft: 212 100% 66%;--vx-text: 0 0% 100%;--vx-muted: 218 24% 68%;--vx-danger: 0 84% 68%}.vx-page{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;color:hsl(var(--vx-text));background:radial-gradient(60% 45% at 50% 0%,hsl(var(--vx-blue) / .22),transparent 70%),radial-gradient(40% 40% at 100% 20%,hsl(var(--vx-blue-deep) / .22),transparent 70%),radial-gradient(40% 40% at 0% 70%,hsl(var(--vx-blue-deep) / .18),transparent 70%),hsl(var(--vx-bg))}.vx-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(hsl(var(--vx-border) / .25) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--vx-border) / .25) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 80%)}.vx-card{border-radius:1.5rem;border:1px solid hsl(var(--vx-blue-soft) / .25);background:linear-gradient(160deg,hsl(var(--vx-surface) / .78),hsl(var(--vx-bg) / .7));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px -20px hsl(var(--vx-bg)),0 0 60px -12px hsl(var(--vx-blue) / .35),inset 0 1px #ffffff0f}.vx-input{background:hsl(var(--vx-bg) / .55);border:1px solid hsl(var(--vx-border));color:hsl(var(--vx-text));border-radius:.875rem;transition:border-color .2s,box-shadow .2s}.vx-input::-moz-placeholder{color:hsl(var(--vx-muted) / .6)}.vx-input::placeholder{color:hsl(var(--vx-muted) / .6)}.vx-input:hover{border-color:hsl(var(--vx-blue-soft) / .45)}.vx-input:focus,.vx-input:focus-visible{outline:none;border-color:hsl(var(--vx-blue));box-shadow:0 0 0 3px hsl(var(--vx-blue) / .25),0 0 18px hsl(var(--vx-blue) / .25)}.vx-input:disabled{opacity:.5;cursor:not-allowed}.vx-btn-primary{background-image:linear-gradient(180deg,hsl(var(--vx-blue-soft)),hsl(var(--vx-blue)) 45%,hsl(var(--vx-blue-deep)));color:#fff;border:1px solid hsl(var(--vx-blue-soft) / .6);border-radius:.875rem;box-shadow:0 10px 30px -8px hsl(var(--vx-blue) / .7),inset 0 1px #ffffff40;transition:transform .15s,box-shadow .2s,filter .2s}.vx-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 14px 38px -8px hsl(var(--vx-blue) / .9),inset 0 1px #ffffff4d}.vx-btn-primary:active:not(:disabled){transform:translateY(0)}.vx-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--vx-blue-soft) / .5)}.vx-btn-primary:disabled{opacity:.6;cursor:not-allowed}.vx-btn-secondary{background-image:linear-gradient(180deg,#fff,#e7eef9);color:#0f1729;border:1px solid hsl(0 0% 100% / .6);border-radius:.875rem;box-shadow:0 8px 24px -10px hsl(var(--vx-blue) / .6);transition:transform .15s,box-shadow .2s,filter .2s}.vx-btn-secondary:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px);box-shadow:0 12px 28px -10px hsl(var(--vx-blue) / .8)}.vx-btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--vx-blue-soft) / .5)}.vx-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.vx-link{color:hsl(var(--vx-blue-soft));font-weight:600;transition:color .15s}.vx-link:hover{color:#fff;text-decoration:underline}.vx-auth a:focus-visible,.vx-link:focus-visible{outline:2px solid hsl(var(--vx-blue-soft));outline-offset:3px;border-radius:.375rem}.vx-error{background:hsl(var(--vx-danger) / .12);border:1px solid hsl(var(--vx-danger) / .35);color:hsl(var(--vx-danger));border-radius:.75rem}.vx-muted{color:hsl(var(--vx-muted))}@keyframes vx-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.vx-rise{animation:vx-rise .6s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){.vx-rise{animation:none}}.vx-auth label{color:hsl(var(--vx-text));font-weight:600}.vx-auth input{background:hsl(var(--vx-bg) / .55);border:1px solid hsl(var(--vx-border));color:hsl(var(--vx-text));border-radius:.875rem;transition:border-color .2s,box-shadow .2s}.vx-auth input::-moz-placeholder{color:hsl(var(--vx-muted) / .6)}.vx-auth input::placeholder{color:hsl(var(--vx-muted) / .6)}.vx-auth input:hover{border-color:hsl(var(--vx-blue-soft) / .45)}.vx-auth input:focus,.vx-auth input:focus-visible{outline:none;border-color:hsl(var(--vx-blue));box-shadow:0 0 0 3px hsl(var(--vx-blue) / .25),0 0 18px hsl(var(--vx-blue) / .25)}.vx-auth input:disabled{opacity:.5;cursor:not-allowed}.vx-auth form button[type=submit]{background-image:linear-gradient(180deg,hsl(var(--vx-blue-soft)),hsl(var(--vx-blue)) 45%,hsl(var(--vx-blue-deep)));background-color:hsl(var(--vx-blue));color:#fff;border:1px solid hsl(var(--vx-blue-soft) / .6);border-radius:.875rem;box-shadow:0 10px 30px -8px hsl(var(--vx-blue) / .7),inset 0 1px #ffffff40;transition:transform .15s,box-shadow .2s,filter .2s}.vx-auth form button[type=submit]:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.vx-auth form button[type=submit]:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--vx-blue-soft) / .5)}.vx-auth form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.vx-auth .text-muted-foreground{color:hsl(var(--vx-muted))}.vx-auth .text-foreground{color:hsl(var(--vx-text))}.vx-auth a.text-primary,.vx-auth button.text-primary{color:hsl(var(--vx-blue-soft))}.vx-auth a.text-primary:hover,.vx-auth button.text-primary:hover{color:#fff}.vx-auth .bg-destructive\/10{background:hsl(var(--vx-danger) / .12);border:1px solid hsl(var(--vx-danger) / .35);color:hsl(var(--vx-danger))}.vx-auth .text-destructive{color:hsl(var(--vx-danger))}.vx-auth .vx-btn-secondary{color:#0f1729;border:1px solid hsl(0 0% 100% / .6);border-radius:.875rem;background-image:linear-gradient(180deg,#fff,#e7eef9);background-color:#fff}.vx-auth .vx-btn-secondary:hover:not(:disabled){color:#0f1729;background-color:#fff}.vx-auth .vx-or span{background:transparent;color:hsl(var(--vx-muted));letter-spacing:.08em}.vx-auth .vx-or div.border-t{border-color:hsl(var(--vx-border))}.vx-auth [data-input-otp]{color:hsl(var(--vx-text))}