/* Assessor visual treatment, scoped to the Designer authentication screen. */
#rk7 .auth {
  position:relative;isolation:isolate;overflow:hidden;padding:120px 16px 40px;
  background:oklch(0.18 0.005 270);font-family:ui-sans-serif,system-ui,sans-serif;
  color:white;
}
#rk7 .auth::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 5% 8%,oklch(0.72 0.16 250 / .19),transparent 38%),radial-gradient(circle at 95% 92%,oklch(0.62 0.21 285 / .19),transparent 38%);
}
#rk7 .auth::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.04;background-image:radial-gradient(white 1px,transparent 1px);background-size:24px 24px}
#rk7 .authbox {position:relative;width:min(440px,100%);padding:28px;border:1px solid oklch(0.32 0.01 265);border-radius:24px;background:oklch(0.22 0.007 270 / .92);box-shadow:0 25px 50px -12px #0004;backdrop-filter:blur(20px)}
#rk7 .authbox>.logo {position:absolute;left:0;right:0;top:-96px;text-align:center;font-size:30px;font-weight:600;letter-spacing:.22em;white-space:nowrap}
#rk7 .authbox>.logo span {display:none}
#rk7 .authbox>.kicker {position:absolute;left:0;right:0;top:-53px;text-align:center;margin:0;color:oklch(0.72 0.16 250);font-size:11px;letter-spacing:.35em}
#rk7 .auth h2 {margin:0 0 30px;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.025em}
#rk7 .auth label {margin:20px 0 6px;color:oklch(0.75 0.012 260);font-size:11px;line-height:16px;letter-spacing:.15em;text-transform:uppercase;font-weight:400}
#rk7 .auth input {height:44px;padding:0 12px;border:1px solid oklch(0.32 0.01 265);border-radius:12px;background:oklch(0.18 0.005 270 / .6);color:#fff;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}
#rk7 .auth input:focus {border-color:oklch(0.72 0.16 250 / .6);box-shadow:0 0 0 2px oklch(0.72 0.16 250 / .2)}
#rk7 .auth .row {display:flex;flex-direction:column;gap:16px;align-items:stretch}
#rk7 .auth button {height:44px;padding:0 16px;border-radius:16px;font-size:14px;font-weight:600;background:linear-gradient(to right,oklch(0.72 0.16 250),oklch(0.62 0.21 285));box-shadow:0 10px 15px -3px #0002;transition:filter .2s,transform .2s}
#rk7 .auth button:hover {filter:brightness(1.1)}
#rk7 .auth button:active {transform:scale(.99)}
#rk7 .auth button:focus-visible {outline:2px solid oklch(0.72 0.16 250);outline-offset:3px}
#rk7 .auth button.secondary {order:-1;align-self:flex-end;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:oklch(0.72 0.16 250);font-size:12px;font-weight:400}
#rk7 .auth .msg {font-size:12px;line-height:18px;margin:10px 0;min-height:0;color:oklch(0.75 0.012 260)}
#rk7 .auth .msg:empty {display:none}
#rk7 .auth .msg.bad {color:#ff8794}
#rk7 .auth .msg.ok {color:#6ce0b4}
#rk7 .auth .row {margin-top:20px}
#rk7 .auth p {font-size:14px;line-height:1.5;color:oklch(0.75 0.012 260)}
@media(max-width:480px){#rk7 .authbox{padding:24px}#rk7 .authbox>.logo{font-size:28px}}
/* Designer branding above the left edge of the sign-in card. */
#rk7 .authbox>.logo {left:0;right:auto;top:-96px;display:flex;align-items:center;gap:16px;text-align:left;font-size:28px;letter-spacing:.18em}
#rk7 .authbox>.logo img {display:block;width:68px;height:62px;object-fit:contain}
#rk7 .authbox>.kicker {left:84px;right:auto;top:-38px;text-align:left;font-size:11px;letter-spacing:.2em}
@media(max-width:380px){#rk7 .authbox>.logo{font-size:24px}#rk7 .authbox>.kicker{font-size:10px;letter-spacing:.1em}}
/* Larger logo; screen blending removes the black matte on this dark page. */
#rk7 .authbox>.logo {top:-124px;gap:18px}
#rk7 .authbox>.logo img {width:112px;height:100px;mix-blend-mode:screen}
#rk7 .authbox>.kicker {left:130px;top:-43px}
#rk7 .auth {padding-top:160px}
@media(max-width:380px){#rk7 .authbox>.logo img{width:92px;height:84px}#rk7 .authbox>.kicker{left:110px}}
#rk7 .authbox {backdrop-filter:none}