.login-refined{background:color-mix(in srgb, var(--n-sheen) 98%, var(--n-shade));color:color-mix(in srgb, var(--n-sheen) 10%, var(--n-shade));box-sizing:border-box;grid-template-columns:minmax(420px,46%) 1fr;gap:14px;padding:14px}.login-refined .login-form{min-height:calc(100svh - 28px);padding:26px 42px}.login-refined .login-brand{gap:10px}.login-refined .wordmark{letter-spacing:-.04em;font-weight:500}.login-refined .login-body{width:min(360px,100%);padding:40px 0}.login-refined .login-eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:18px;font-size:11px}.login-refined .login-title{letter-spacing:-.055em;font-family:inherit;font-size:clamp(36px,3.7vw,50px);font-weight:450;line-height:1.1}.login-refined .muted,.login-refined .login-body>p{color:var(--muted);font-size:13px;line-height:1.65}.login-refined .login-controls{gap:11px;display:grid}.login-refined .login-provider{border-radius:var(--radius);justify-content:center;width:100%;min-height:46px;font-size:13px;font-weight:500;position:relative}.login-refined .login-provider-icon{width:20px;font-size:17px;font-weight:600;position:absolute;left:16px}.login-refined .login-apple{background:color-mix(in srgb, var(--n-sheen) 96%, var(--n-shade));border:1px solid color-mix(in srgb, var(--n-sheen) 90%, var(--n-shade));color:color-mix(in srgb, var(--n-sheen) 47%, var(--n-shade));opacity:.7;cursor:not-allowed}:root .login-refined .btn.login-apple:disabled{opacity:1;background:color-mix(in srgb, var(--n-sheen) 96%, var(--n-shade));color:color-mix(in srgb, var(--n-sheen) 51%, var(--n-shade));border:1px solid color-mix(in srgb, var(--n-sheen) 89%, var(--n-shade))}.login-refined .login-provider-note{color:color-mix(in srgb, var(--n-sheen) 53%, var(--n-shade));text-align:center;margin:-4px 0 3px;font-size:10px}.login-refined .login-sep{margin:3px 0;font-size:11px}.login-refined .login-sep:before,.login-refined .login-sep:after{background:color-mix(in srgb, var(--n-sheen) 89%, var(--n-shade))}.login-refined input{box-sizing:border-box;border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--n-sheen) 87%, var(--n-shade));background:var(--n-sheen);width:100%;min-height:46px;color:color-mix(in srgb, var(--n-sheen) 10%, var(--n-shade));font:inherit;padding:12px 14px}.login-refined input::placeholder{color:var(--muted)}.login-refined input:focus-visible{outline:2px solid color-mix(in srgb, var(--n-sheen) 43%, var(--n-shade));outline-offset:2px}.login-refined .login-submit{border-radius:var(--radius);background:color-mix(in srgb, var(--n-sheen) 16%, var(--n-shade));border:1px solid color-mix(in srgb, var(--n-sheen) 16%, var(--n-shade));min-height:46px;color:var(--n-sheen);margin-top:5px;font-weight:500}.login-refined .login-access-note{text-align:center;margin:24px 0 0;font-size:11px!important}.login-refined .login-foot{color:var(--muted);flex-wrap:wrap;gap:15px;font-size:10px}.login-refined .login-message{border:1px solid color-mix(in srgb, var(--n-sheen) 86%, var(--n-shade));border-radius:var(--radius-sm);color:color-mix(in srgb, var(--n-sheen) 29%, var(--n-shade));background:color-mix(in srgb, var(--n-sheen) 94%, var(--n-shade));margin:0;padding:12px;font-size:12px;line-height:1.5}.login-refined .login-visual{order:initial;border-radius:var(--radius-lg);background-position:50% 54%;min-height:calc(100svh - 28px)}.login-refined .login-visual:before{background:linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--n-sheen) 2%, var(--n-shade)) 4%, transparent) 44%, color-mix(in srgb, color-mix(in srgb, var(--n-sheen) 2%, var(--n-shade)) 38%, transparent))}.login-refined .login-visual-art{object-fit:cover;object-position:center 54%}.login-refined .login-visual:before{z-index:1}.login-refined .login-visual-label,.login-refined .login-visual-text{z-index:2}.login-refined .login-visual-label{color:var(--n-sheen);letter-spacing:.17em;text-shadow:0 1px 6px color-mix(in srgb, var(--n-shade) 40%, transparent);font-size:10px;position:absolute;top:29px;left:30px}.login-refined .login-visual-text{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--n-sheen) 30%, transparent);background:color-mix(in srgb, var(--n-sheen) 8%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-rim);margin:24px;padding:26px 28px}.login-refined .login-visual-text h2{letter-spacing:-.045em;max-width:15ch;margin-bottom:13px;font-family:inherit;font-size:clamp(28px,3vw,43px);font-weight:400}.login-refined .login-visual-text p{max-width:35ch;margin:0;font-size:12px}@media (max-width:900px){.login-refined{grid-template-columns:minmax(330px,1fr) 1fr}.login-refined .login-form{padding:24px}.login-refined .login-visual-text{margin:16px;padding:20px}}@media (max-width:700px){.login-refined{flex-direction:column;gap:0;padding:0;display:flex}.login-refined .login-form{min-height:100svh;padding:28px 24px 20px}.login-refined .login-body{padding:36px 0}.login-refined .login-visual{min-height:400px;margin:0 14px 14px}.login-refined .login-title{font-size:42px}}.login-refined .login-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-refined .login-monogram{background:color-mix(in srgb, var(--n-sheen) 3%, var(--n-shade));flex:0 0 36px;width:36px;height:36px;-webkit-mask:url(/decuria-d.svg) 50%/contain no-repeat;mask:url(/decuria-d.svg) 50%/contain no-repeat}.login-refined .login-theme{border:1px solid color-mix(in srgb, var(--n-sheen) 89%, var(--n-shade));border-radius:var(--radius-lg);gap:2px;padding:3px;display:inline-flex}.login-refined .login-theme button{border-radius:var(--radius-lg);color:color-mix(in srgb, var(--n-sheen) 49%, var(--n-shade));font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;display:flex}.login-refined .login-theme button[aria-pressed=true]{background:var(--n-sheen);color:color-mix(in srgb, var(--n-sheen) 11%, var(--n-shade));box-shadow:var(--shadow-raised)}.login-refined .login-slide{opacity:0;transition:opacity 1.15s;position:absolute;inset:0}.login-refined .login-slide.is-active{opacity:1}.login-refined .login-slide .login-visual-art{width:100%;height:100%;position:absolute;inset:0}.login-refined .login-carousel-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:22px;display:flex}.login-refined .login-carousel-dots{gap:3px;display:flex}.login-refined .login-carousel-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.login-refined .login-carousel-dots span{border-radius:var(--radius);background:color-mix(in srgb, var(--n-sheen) 50%, transparent);width:5px;height:5px;transition:width .2s}.login-refined .login-carousel-dots button[aria-pressed=true] span{background:var(--n-sheen);width:22px}.login-refined .login-carousel-pause{color:var(--n-sheen);font:inherit;cursor:pointer;text-align:right;background:0 0;border:0;padding:8px 0;font-size:10px}.login-refined .login-carousel-pause:disabled{opacity:.8;cursor:default}.login-refined .login-carousel button:focus-visible{outline:2px solid var(--n-sheen);outline-offset:3px}:root[data-theme=dark] .login-refined{background:color-mix(in srgb, var(--n-sheen) 8%, var(--n-shade));color:color-mix(in srgb, var(--n-sheen) 95%, var(--n-shade))}:root[data-theme=dark] .login-refined .login-monogram{background:color-mix(in srgb, var(--n-sheen) 95%, var(--n-shade))}:root[data-theme=dark] .login-refined :is(.muted,.login-body>p,.login-eyebrow,.login-access-note,.login-foot){color:color-mix(in srgb, var(--n-sheen) 64%, var(--n-shade))}:root[data-theme=dark] .login-refined .login-theme{border-color:color-mix(in srgb, var(--n-sheen) 13%, transparent)}:root[data-theme=dark] .login-refined .login-theme button{color:color-mix(in srgb, var(--n-sheen) 69%, var(--n-shade))}:root[data-theme=dark] .login-refined .login-theme button[aria-pressed=true]{background:color-mix(in srgb, var(--n-sheen) 24%, var(--n-shade));color:var(--n-sheen)}:root[data-theme=dark] .login-refined input{background:color-mix(in srgb, var(--n-sheen) 14%, var(--n-shade));border-color:color-mix(in srgb, var(--n-sheen) 26%, var(--n-shade));color:color-mix(in srgb, var(--n-sheen) 95%, var(--n-shade))}:root[data-theme=dark] .login-refined input::placeholder{color:color-mix(in srgb, var(--ink) 28%, var(--muted))}:root[data-theme=dark] .login-refined .login-message{background:color-mix(in srgb, var(--n-sheen) 18%, var(--n-shade));border-color:color-mix(in srgb, var(--n-sheen) 33%, var(--n-shade));color:color-mix(in srgb, var(--n-sheen) 91%, var(--n-shade))}:root[data-theme=dark] .login-refined .login-sep:before,:root[data-theme=dark] .login-refined .login-sep:after{background:color-mix(in srgb, var(--n-sheen) 13%, transparent)}:root[data-theme=dark] .login-refined .btn.login-apple:disabled{background:color-mix(in srgb, var(--n-sheen) 14%, var(--n-shade));color:color-mix(in srgb, var(--n-sheen) 56%, var(--n-shade));border-color:color-mix(in srgb, var(--n-sheen) 24%, var(--n-shade))}@media (max-width:700px){.login-refined .login-top{gap:8px}.login-refined .login-theme button{padding:6px 8px}.login-refined .login-title{max-width:9ch;font-size:40px}}@media (prefers-reduced-motion:reduce){.login-refined .login-slide,.login-refined .login-carousel-dots span{transition:none}}:root .login-refined .btn.login-submit{border-color:var(--accent-line);background:var(--accent)!important;color:color-mix(in srgb, var(--n-sheen) 8%, var(--n-shade))!important}
