.login{background:hsl(var(--brand-dark));color:#fff;z-index:100;grid-template-columns:minmax(360px,.95fr) 1fr;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.login__aside{z-index:2;flex-direction:column;justify-content:space-between;gap:44px;padding:44px 56px;display:flex;position:relative}.login__brand{align-items:center;gap:12px;display:flex}.login__brand img{-o-object-fit:contain;object-fit:contain;width:40px;height:40px}.login__wordmark{letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1;display:block}.login__wordmark span{color:#7dd3fc;font-weight:400}.login__tag{color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:11px;display:block}.login__hero h1{letter-spacing:-.025em;text-wrap:pretty;margin:0 0 18px;font-size:44px;font-weight:600;line-height:1.05}.login__hero p{color:rgba(255,255,255,.7);max-width:420px;margin:0;font-size:15px;line-height:1.55}.login__bullets{flex-direction:column;gap:14px;max-width:440px;margin:0;padding:0;list-style:none;display:flex}.login__bullets li{align-items:flex-start;gap:12px;display:flex}.login__bullets span{color:#7dd3fc;background:rgba(125,211,252,.12);border:1px solid rgba(125,211,252,.22);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.login__bullets div{flex-direction:column;gap:2px;display:flex}.login__bullets b{font-size:13.5px;font-weight:600}.login__bullets span:last-child{color:rgba(255,255,255,.55);background:0 0;border:0;width:auto;height:auto;font-size:12.5px;font-weight:400}.login__foot{color:rgba(255,255,255,.45);align-items:center;gap:16px;font-size:11.5px;display:flex}.login__foot .sep{background:rgba(255,255,255,.25);border-radius:999px;width:3px;height:3px}.login__foot a{color:inherit;text-decoration:none}.login__foot a:hover{color:rgba(255,255,255,.8)}.login__main{z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:48px 56px;display:flex;position:relative}.login__card{color:#1d1d1b;background:#fff;border-radius:18px;width:100%;max-width:440px;padding:36px 36px 32px;position:relative}.login__card-head{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11.5px;display:flex}.login__tenant{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.login__env{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-weight:600;display:inline-flex}.login__env .dot{background:hsl(var(--success));border-radius:999px;width:6px;height:6px}.login__form{flex-direction:column;gap:14px;display:flex}.login__form h2{letter-spacing:-.015em;color:#1d1d1b;margin:0;font-size:22px;font-weight:600}.login__form>p{color:hsl(var(--muted-foreground));margin:0 0 6px;font-size:13.5px}.login__form .field{flex-direction:column;gap:6px;display:flex}.login__form .field span{color:#1d1d1b;font-size:12px;font-weight:600}.login__form .field .input{border:1px solid hsl(var(--border));height:42px;color:hsl(var(--muted-foreground));background:#fff;border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.login__form .field .input:focus-within{border-color:hsl(var(--brand-primary));box-shadow:0 0 0 3px hsl(var(--brand-primary)/.12)}.login__form .field input{font:inherit;color:#1d1d1b;background:0 0;border:0;outline:0;flex:1;font-size:14px}.login__form .check{color:hsl(var(--muted-foreground));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.login__form .check input{accent-color:hsl(var(--brand-primary))}.login__form .btn--lg{border-radius:9px;justify-content:center;gap:8px;height:44px;font-size:14px;font-weight:600}.login__form .btn--outline{color:#1d1d1b;border:1px solid hsl(var(--border));background:#fff}.login__form .btn--outline:hover{background:hsl(var(--muted))}.login__form .divider{text-align:center;color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;margin:2px 0;font-size:11px;font-weight:600;position:relative}.login__form .divider:before,.login__form .divider:after{content:"";background:hsl(var(--border));width:calc(50% - 22px);height:1px;position:absolute;top:50%}.login__form .divider:before{left:0}.login__form .divider:after{right:0}.login__error{color:hsl(var(--danger));background:rgba(220,40,40,.08);border:1px solid rgba(220,40,40,.18);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;display:inline-flex}.login__hint{color:hsl(var(--muted-foreground));text-align:center;margin:6px 0 0;font-size:12px}.login__hint a{color:hsl(var(--brand-primary));font-weight:600;text-decoration:none}.login__hint a:hover{text-decoration:underline}.login__signing{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:18px 0 6px;display:flex}.login__signing h3{color:#1d1d1b;margin:0;font-size:18px;font-weight:600}.login__signing p{color:hsl(var(--muted-foreground));max-width:320px;margin:0;font-size:13px}.spinner{border:3px solid hsl(var(--muted));border-top-color:hsl(var(--brand-primary));border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.check-list{color:#1d1d1b;text-align:left;flex-direction:column;gap:8px;margin:16px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.check-list li{color:hsl(var(--success));align-items:center;gap:8px;display:flex}.check-list li.pending{color:hsl(var(--muted-foreground))}.check-list li.pending .dot{border:2px solid hsl(var(--muted-foreground));border-top-color:transparent;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.login__legal{color:rgba(255,255,255,.5);margin:16px 0 0;font-size:11.5px}.login__legal a{color:rgba(255,255,255,.8);text-decoration:none}.login__legal a:hover{text-decoration:underline}@media (max-width:960px){.login{grid-template-columns:1fr}.login__aside{gap:24px;padding:28px 24px}.login__hero h1{font-size:32px}.login__bullets,.login__foot{display:none}.login__main{padding:16px 24px 32px}}
