:root{--frost-500: #1e90ff;--frost-400: #4da6ff;--frost-300: #80c0ff;--frost-200: #b3d9ff;--frost-100: #e6f3ff;--frost-50: #f5faff}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #1e90ff4d}50%{box-shadow:0 0 40px #1e90ff99}}@keyframes slide-in-right{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate-3d{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(360deg)}}body{background:linear-gradient(135deg,var(--frost-500) 0%,var(--frost-400) 25%,var(--frost-300) 50%,var(--frost-200) 75%,var(--frost-100) 100%);background-size:400% 400%;animation:gradient-shift 8s ease infinite;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(30,144,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(77,166,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(128,192,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent);background-size:200px 200px;animation:float 20s ease-in-out infinite;pointer-events:none;z-index:-1}.filament-login-page main{position:absolute;right:100px;top:50%;transform:translateY(-50%);animation:slide-in-right .8s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 25px 50px #0000001a,0 0 0 1px #ffffff1a;transition:all .3s ease}.filament-login-page main:hover{transform:translateY(-50%) scale(1.02);box-shadow:0 35px 70px #00000026,0 0 0 1px #fff3}@media (min-width: 1024px){.filament-login-page main:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(45deg,#1e90ff1a,#4da6ff0d);border-radius:25px;transform:rotate(3deg);z-index:-1;animation:pulse-glow 3s ease-in-out infinite}}.filament-login-page #slogan,.filament-login-page .fi-logo{position:fixed;left:100px;color:#fff;animation:slide-in-left .8s ease-out forwards}.filament-login-page #slogan{margin-top:40px;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2);background:linear-gradient(135deg,#fff,#f0f8ff,#e6f3ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:slide-in-left .8s ease-out forwards}.filament-login-page .fi-logo{animation:slide-in-left .8s ease-out forwards,float 6s ease-in-out infinite;animation-delay:0s,.8s}.filament-register-page main{position:static;margin:4rem auto;max-width:28rem;transform:none;animation:fade-in-up .8s ease-out forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 25px 50px #0000001a,0 0 0 1px #ffffff1a;transition:all .3s ease;overflow:hidden;position:relative}.filament-register-page main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#1e90ff0d,#4da6ff08,#80c0ff0d);opacity:0;transition:opacity .3s ease;z-index:-1}.filament-register-page main:hover{transform:translateY(-5px);box-shadow:0 35px 70px #00000026,0 0 0 1px #fff3}.filament-register-page main:hover:before{opacity:1}.filament-register-page .fi-logo{margin-bottom:1.5rem;animation:fade-in-up .8s ease-out forwards,float 6s ease-in-out infinite;animation-delay:.2s,1s}.filament-login-page input,.filament-register-page input,.filament-login-page button,.filament-register-page button{transition:all .3s ease;border-radius:12px}.filament-login-page input:focus,.filament-register-page input:focus{box-shadow:0 0 0 3px #1e90ff33,0 4px 12px #1e90ff1a;transform:translateY(-2px)}.filament-login-page button[type=submit],.filament-register-page button[type=submit]{background:linear-gradient(135deg,var(--frost-500) 0%,var(--frost-400) 100%);border:none;box-shadow:0 4px 15px #1e90ff4d,0 0 0 1px #ffffff1a;font-weight:600;transition:all .3s ease}.filament-login-page button[type=submit]:hover,.filament-register-page button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e90ff66,0 0 0 1px #fff3;background:linear-gradient(135deg,var(--frost-400) 0%,var(--frost-300) 100%)}@media (max-width: 1024px){.filament-login-page main{position:static;margin:2rem auto;right:auto;top:auto;transform:none;max-width:28rem}.filament-login-page #slogan,.filament-login-page .fi-logo{position:static;left:auto;text-align:center;margin-bottom:2rem}.filament-login-page #slogan{font-size:2rem;margin-top:2rem}}@media (max-width: 768px){body{padding:1rem}.filament-login-page main,.filament-register-page main{margin:1rem auto;max-width:100%}.filament-login-page #slogan{font-size:1.5rem}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.filament-login-page .fi-logo,.filament-register-page .fi-logo{position:relative;overflow:hidden}.filament-login-page .fi-logo:after,.filament-register-page .fi-logo:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite}.filament-login-page button[type=submit]:disabled,.filament-register-page button[type=submit]:disabled{opacity:.7;cursor:not-allowed;animation:pulse-glow 1s ease-in-out infinite}