:root{--primary-hue:calc(200 + var(--random-offset, 0) * 60);--secondary-hue:calc(280 + var(--random-offset, 0) * 40);--accent-hue:calc(320 + var(--random-offset, 0) * 30);--glow-intensity:calc(0.6 + var(--random-glow, 0) * 0.4);--animation-speed:calc(4s + var(--random-speed, 0) * 2s);--border-width:calc(2px + var(--random-border, 0) * 2px)}[data-toolpad-component=SignInPage]{background:rgba(255,255,255,.98)!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border-radius:20px!important;box-shadow:0 20px 60px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.3)!important;border:var(--border-width) solid rgba(255,255,255,.4)!important;padding:2.5rem!important;max-width:450px!important;width:100%!important;margin:1rem!important;transition:all .4s ease!important;position:relative!important;animation:formPulse var(--animation-speed) ease-in-out infinite!important}[data-toolpad-component=SignInPage]:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 25px 80px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.4)!important}[data-toolpad-component=SignInPage] input{background:rgba(255,255,255,.9)!important;border:2px solid rgba(99,102,241,.2)!important;border-radius:12px!important;padding:16px 20px!important;font-size:16px!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}[data-toolpad-component=SignInPage] input:focus{outline:none!important;border-color:hsl(var(--primary-hue),70%,60%)!important;box-shadow:0 0 0 4px hsla(var(--primary-hue),70%,60%,.2)!important;background:rgba(255,255,255,1)!important;transform:translateY(-2px)!important}[data-toolpad-component=SignInPage] button{background:linear-gradient(135deg,hsl(var(--primary-hue),70%,60%) 0,hsl(var(--secondary-hue),70%,60%) 50%,hsl(var(--accent-hue),70%,60%) 100%)!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-weight:700!important;color:white!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:none!important;font-size:18px!important;box-shadow:0 8px 25px hsla(var(--primary-hue),70%,60%,.4)!important;position:relative!important;overflow:hidden!important}[data-toolpad-component=SignInPage] button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}[data-toolpad-component=SignInPage] button:hover:before{left:100%!important}[data-toolpad-component=SignInPage] button:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 12px 35px hsla(var(--primary-hue),70%,60%,.5)!important;background:linear-gradient(135deg,hsl(calc(var(--primary-hue) - 20),70%,60%) 0,hsl(calc(var(--secondary-hue) - 20),70%,60%) 50%,hsl(calc(var(--accent-hue) - 20),70%,60%) 100%)!important}[data-toolpad-component=SignInPage] button:active{transform:translateY(-1px) scale(1.02)!important}[data-toolpad-component=SignInPage] [role=button]{background:rgba(255,255,255,.95)!important;border:2px solid hsla(var(--primary-hue),70%,60%,.2)!important;border-radius:12px!important;padding:16px 20px!important;margin:12px 0!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;box-shadow:0 4px 15px rgba(0,0,0,.1)!important;font-weight:600!important}[data-toolpad-component=SignInPage] [role=button]:hover{background:rgba(255,255,255,1)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 25px hsla(var(--primary-hue),70%,60%,.2)!important;border-color:hsl(var(--primary-hue),70%,60%)!important}[data-toolpad-component=SignInPage] a{color:hsl(var(--primary-hue),70%,60%)!important;text-decoration:none!important;transition:all .3s ease!important;font-weight:600!important;position:relative!important}[data-toolpad-component=SignInPage] a:after{content:""!important;position:absolute!important;bottom:-2px!important;left:0!important;width:0!important;height:2px!important;background:linear-gradient(90deg,hsl(var(--primary-hue),70%,60%),hsl(var(--secondary-hue),70%,60%))!important;transition:width .3s ease!important}[data-toolpad-component=SignInPage] a:hover:after{width:100%!important}[data-toolpad-component=SignInPage] a:hover{color:hsl(calc(var(--primary-hue) - 20),70%,60%)!important;text-shadow:0 0 8px hsla(var(--primary-hue),70%,60%,.3)!important}[data-toolpad-component=SignInPage]:before{content:""!important;position:absolute!important;top:-3px!important;left:-3px!important;right:-3px!important;bottom:-3px!important;background:linear-gradient(45deg,hsl(var(--primary-hue),70%,60%),hsl(var(--secondary-hue),70%,60%),hsl(var(--accent-hue),70%,60%),hsl(calc(var(--primary-hue) + 60),70%,60%),hsl(var(--primary-hue),70%,60%))!important;border-radius:23px!important;z-index:-1!important;opacity:var(--glow-intensity)!important;animation:borderGlow var(--animation-speed) ease-in-out infinite!important;filter:blur(8px)!important}@keyframes borderGlow{0%,to{opacity:var(--glow-intensity);transform:rotate(0deg)}25%{opacity:calc(var(--glow-intensity) + .2)}50%{opacity:var(--glow-intensity);transform:rotate(180deg)}75%{opacity:calc(var(--glow-intensity) + .2)}}@media (max-width:768px){[data-toolpad-component=SignInPage]{margin:1rem!important;padding:2rem!important;max-width:calc(100vw - 2rem)!important}}@keyframes formPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}[data-toolpad-component=SignInPage]:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-image:radial-gradient(circle at 20% 30%,hsla(var(--primary-hue),70%,60%,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(var(--secondary-hue),70%,60%,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,hsla(var(--accent-hue),70%,60%,.1) 0,transparent 50%)!important;border-radius:20px!important;pointer-events:none!important;animation:particleFloat calc(var(--animation-speed) + 2s) ease-in-out infinite!important}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-10px)}}body{background:linear-gradient(135deg,hsl(var(--primary-hue),70%,60%) 0,hsl(var(--secondary-hue),70%,60%) 50%,hsl(var(--accent-hue),70%,60%) 100%)!important;min-height:100vh!important;margin:0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;overflow-x:hidden!important}.floating-element{position:fixed!important;pointer-events:none!important;z-index:-1!important;animation:float calc(var(--animation-speed) + 2s) ease-in-out infinite!important}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.noise-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")!important;pointer-events:none!important;z-index:0!important}