.auth-body{
    margin:0;
    min-height:100vh;
    display:grid;
    place-items:center;
    background:Canvas;
    color:CanvasText;
}
.auth-shell{
    width:min(100% - 28px, 460px);
    margin:40px auto;
}
.auth-card{
    border:1px solid color-mix(in srgb, CanvasText 12%, transparent);
    border-radius:22px;
    padding:28px;
}
.brand{
    display:flex;
    flex-direction:column;
    gap:3px;
    margin-bottom:30px;
}
.brand strong{font-size:1.4rem}
.brand span{opacity:.6;font-size:.9rem}
.auth-card h1{margin-bottom:8px}
.auth-card>p{opacity:.65;margin-top:0}
.auth-form{display:grid;gap:14px;margin-top:24px}
.auth-form label{display:grid;gap:7px;font-size:.9rem;font-weight:650}
.auth-form input{
    padding:13px 14px;
    border-radius:12px;
    border:1px solid color-mix(in srgb, CanvasText 16%, transparent);
    background:Canvas;
    color:CanvasText;
}
.auth-form button,.button-link{
    margin-top:4px;
    display:inline-block;
    border:0;
    border-radius:12px;
    padding:13px 16px;
    text-align:center;
    font-weight:750;
    text-decoration:none;
    background:CanvasText;
    color:Canvas;
    cursor:pointer;
}
.notice{padding:12px 14px;border-radius:12px;margin:16px 0;border:1px solid color-mix(in srgb, CanvasText 16%, transparent)}