.boot { min-height: 100vh; display: grid; place-items: center; color: var(--muted); font-family: var(--display); }
.authPage { display: flex; flex-direction: column; background: radial-gradient(circle at 85% 18%, rgba(224,115,82,.18), transparent 27%), radial-gradient(circle at 12% 82%, rgba(79,117,87,.18), transparent 32%), #f3efe3; }
.authBody { margin: auto 0; padding: 48px 0 32px; }
.authBody h1 { max-width: 330px; margin-top: 25px; font-family: var(--editorial); font-size: 50px; font-weight: 500; line-height: .98; letter-spacing: -.035em; }
.authBody .supportingText { max-width: 315px; color: #69675f; }
.authTotem { height: 76px; display: flex; align-items: end; gap: 8px; transform: rotate(-2deg); }
.authTotem i { width: 17px; display: block; border-radius: 9px 9px 4px 4px; box-shadow: 0 5px 12px rgba(44,41,34,.09); }
.authTotem i:nth-child(1) { height: 49px; background: #cc755d; }
.authTotem i:nth-child(2) { height: 68px; background: #68856c; }
.authTotem i:nth-child(3) { height: 39px; background: #d7b95e; }
.authTotem i:nth-child(4) { height: 58px; background: #65788e; }
.authForm { margin-top: 30px; padding: 10px 18px 18px; border-radius: 25px 25px 25px 9px; background: rgba(255,253,247,.82); box-shadow: 0 18px 55px rgba(61,55,43,.11); backdrop-filter: blur(16px); }
.authForm label { display: block; margin-top: 14px; }
.authForm label > span { display: block; margin: 0 0 7px 3px; color: #67675f; font-size: 12px; font-weight: 600; }
.authForm input { width: 100%; min-height: 52px; padding: 0 15px; border: 0; border-radius: 15px; outline: none; background: #eeeadf; font-size: 16px; transition: background .16s ease, box-shadow .16s ease; }
.authForm input:focus { background: #fffdf7; box-shadow: 0 0 0 3px rgba(83,109,67,.18); }
.usernameInput { display: grid; grid-template-columns: auto 1fr; align-items: center; border-radius: 15px; background: #eeeadf; }
.usernameInput:focus-within { background: #fffdf7; box-shadow: 0 0 0 3px rgba(83,109,67,.18); }
.usernameInput b { padding-left: 15px; color: #85837a; font-size: 16px; font-weight: 500; }
.usernameInput input, .usernameInput input:focus { padding-left: 4px; background: transparent; box-shadow: none; }
.loginError { min-height: 18px; margin: 12px 3px 0; color: var(--rust); font-size: 12px; line-height: 1.45; }
.authForm .primary { margin-top: 8px; }
.authSwitch { width: 100%; min-height: 48px; margin-top: 10px; border: 0; background: transparent; color: #5f625b; font-size: 13px; cursor: pointer; }