.auth-body{position:relative;isolation:isolate;border:0;background:#dce3ed;padding:clamp(1rem,4vw,3rem);align-items:center}
.auth-background{position:fixed;inset:-1rem;z-index:-2;background:#e7ecf4 url('/assets/arnexbildelar-homepage.png') center top/cover no-repeat;filter:blur(7px);pointer-events:none}
.auth-body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(125deg,#0a215a63,#e8edf361 50%,#001c524d);pointer-events:none}
.auth-card{width:min(100%,31rem);padding:clamp(1.35rem,3vw,2.6rem);gap:1.25rem;border:1px solid #ffffffc9;background:#fffffffa;border-radius:1.25rem;box-shadow:0 1.5rem 5rem #061d5138}
.auth-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem}
.auth-header>a{min-width:0}.auth-header .auth-logo{width:10rem;max-width:100%;display:block}
.auth-language{position:relative;flex:none;font-size:.8rem}
.auth-language summary{list-style:none;display:flex;align-items:center;gap:.4rem;cursor:pointer;border:1px solid #dfe5ef;border-radius:.65rem;padding:.6rem;color:#1c335a;background:#f8fafc;min-height:2.75rem;font-weight:600}
.auth-language summary::-webkit-details-marker{display:none}.auth-language img{width:1.3rem;height:1rem;object-fit:cover;border-radius:.15rem}
.auth-language svg{width:1rem;height:1rem;fill:currentColor;transition:transform .2s}.auth-language[open] svg{transform:rotate(180deg)}
.auth-language nav{position:absolute;z-index:5;right:0;top:calc(100% + .4rem);min-width:10rem;padding:.35rem;border:1px solid #e0e6ef;border-radius:.75rem;background:white;box-shadow:0 .5rem 2rem #002a6326}
.auth-language nav a{display:flex;align-items:center;gap:.6rem;padding:.7rem;border-radius:.45rem;color:#253854;text-decoration:none;min-height:2.75rem}.auth-language nav a:hover,.auth-language nav a[aria-current]{background:#eef3fc;color:#003399}.auth-language nav span{margin-left:auto}
.auth-intro{display:grid;gap:.5rem}.auth-intro h1{font-size:clamp(1.45rem,2vw,1.8rem);line-height:1.2;letter-spacing:-.035em}.auth-intro p{font-size:.88rem;line-height:1.65}
.auth-card p{margin:0}.auth-form{gap:.6rem}.auth-form input{min-height:3rem;border-radius:.65rem}.auth-form .btn{min-height:3rem;justify-content:space-between;margin-top:.4rem;border-radius:.65rem}.auth-form .btn span{font-size:1.2rem}.auth-invited{text-align:center;font-size:.72rem}
.auth-card .password-login{border-top:1px solid #e6ebf2;padding-top:1rem}.password-login summary{font-size:.82rem;color:#003399;min-height:2.75rem;display:flex;align-items:center;gap:.5rem}.password-login summary:before{content:'+';font-size:1.1rem}.password-login[open] summary:before{content:'−'}.password-login .auth-form{margin:.5rem 0 1rem}
.auth-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #e6ebf2;padding-top:1.1rem;font-size:.68rem;color:#7a879b}.auth-footer a{font-size:inherit}
.auth-card :focus-visible{outline:3px solid #648fff;outline-offset:3px}
@media(max-width:480px){.auth-body{padding:1rem;align-items:center}.auth-card{padding:1.35rem;gap:1rem}.auth-header{gap:.65rem}.auth-header .auth-logo{width:8rem}.auth-background{background-position:38% top}.auth-footer{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.auth-language svg{transition:none}}