.login{background:radial-gradient(ellipse at center,#14233a 0%,var(--admin-yacht-navy)60%,#050c18 100%);min-height:100vh;padding:var(--admin-spacing-md);justify-content:center;align-items:center;display:flex;position:relative}.login__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login__bg-blob{border-radius:var(--admin-radius-full);mix-blend-mode:soft-light;filter:blur(120px);opacity:.12;width:24rem;height:24rem;animation:12s ease-in-out infinite blob;position:absolute}.login__bg-blob--1{background-color:var(--admin-yacht-gold);top:-8rem;left:-8rem}.login__bg-blob--2{background-color:var(--admin-yacht-gold-light);animation-delay:4s;top:8rem;right:-8rem}.login__bg-blob--3{background-color:var(--admin-yacht-accent-blue);animation-delay:8s;bottom:-8rem;left:50%}.login__container{width:100%;max-width:26rem;position:relative}.login__card{background-color:var(--admin-yacht-white);opacity:0;border-radius:2px;padding:3.5rem 3rem 3rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards loginCardFadeIn;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000059,0 2px 8px #0003}@keyframes loginCardFadeIn{0%{opacity:0;transform:scale(.98)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.login__card:before{content:"";background:linear-gradient(90deg,var(--admin-yacht-gold),var(--admin-yacht-gold-light),var(--admin-yacht-gold));width:0;height:3px;animation:.5s cubic-bezier(.4,0,.2,1) .2s forwards loginGoldExpand;position:absolute;top:0;left:50%}@keyframes loginGoldExpand{0%{width:0;left:50%}to{width:100%;left:0}}.login__header{text-align:center;opacity:0;margin-bottom:2.5rem;animation:.5s cubic-bezier(.16,1,.3,1) .55s forwards loginElFadeIn}.login__form .login__field:first-child,.login__form .login__error+.login__field:nth-child(2){opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .7s forwards loginElFadeIn}.login__form .login__field:nth-child(2),.login__form .login__error+.login__field:nth-child(3){opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .8s forwards loginElFadeIn}.login__form .login__button{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .9s forwards loginElFadeIn}.login__divider,.login__footer{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) 1s forwards loginElFadeIn}@keyframes loginElFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login__logo-wrapper{margin-bottom:var(--admin-spacing-md);display:inline-block}.login__logo-wrapper img{display:block}.login__subtitle{color:var(--admin-yacht-gray);letter-spacing:.02em;font-size:.9375rem;font-weight:300}.login__form{flex-direction:column;gap:1.5rem;display:flex}.login__error{background-color:var(--admin-color-red-50);border:1px solid var(--admin-color-red-200);color:var(--admin-color-red-700);padding:var(--admin-spacing-md);font-size:var(--admin-font-size-sm);letter-spacing:.01em;border-radius:2px;font-weight:400}.login__field{position:relative}.login__label{color:#0a16288c;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.625rem;font-size:.75rem;font-weight:500;display:block}.login__input{border:none;border-bottom:1.5px solid var(--admin-border-color-strong);width:100%;color:var(--admin-yacht-navy);background:0 0;border-radius:0;outline:none;padding:.75rem 0;font-size:.9375rem;transition:border-color .3s}.login__field:after{content:"";background:var(--admin-yacht-gold);width:0;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%}.login__field:focus-within:after{width:100%;left:0}.login__input:focus{border-bottom-color:#0000}.login__input::placeholder{color:var(--admin-yacht-gray-light)}.login__button{background:linear-gradient(135deg,var(--admin-yacht-gold),var(--admin-yacht-gold-dark));width:100%;color:var(--admin-yacht-white);box-shadow:var(--admin-gold-glow);cursor:pointer;letter-spacing:.04em;border:none;border-radius:2px;justify-content:center;align-items:center;margin-top:.5rem;padding:1rem;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.login__button:hover:not(:disabled){box-shadow:var(--admin-gold-glow-hover);background:linear-gradient(135deg,#c9a832,#a6850f);transform:translateY(-1px)}.login__button:disabled{opacity:.6;cursor:not-allowed}.login__button-spinner{justify-content:center;align-items:center;display:flex}.login__spinner{margin-right:var(--admin-spacing-md);width:1.25rem;height:1.25rem;color:var(--admin-yacht-white);animation:1s linear infinite spin}.login__divider{background:var(--admin-border-color-medium);height:1px;margin-top:2rem;margin-bottom:1.25rem}.login__footer{text-align:center;color:var(--admin-yacht-gray);letter-spacing:.01em;font-size:.8125rem;font-weight:400}