.auth-entry{background:#f6f5f0;min-height:100vh}.entry-header{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 32px;border-bottom:1px solid #d9dfd8}.entry-header .brand{font-size:18px;letter-spacing:-.03em;text-decoration:none}.entry-header nav{display:flex;gap:10px;align-items:center;font-size:13px}.entry-header nav>a{display:inline-flex;align-items:center;min-height:44px;font-weight:650;text-underline-offset:4px}.entry-layout{max-width:1120px;margin:65px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 32px;align-items:start}.entry-intro h1{font:600 clamp(36px,4vw,54px)/1.1 Inter,system-ui,sans-serif;letter-spacing:-.05em;max-width:13ch;margin:18px 0 24px}.entry-intro>p:not(.eyebrow){color:#53627a;max-width:42ch}.entry-intro ol{padding-left:22px;font-size:14px;line-height:2.1;margin-block:28px}.entry-intro .notice{background:#eaf1ed;border-left:3px solid #17665c;padding:18px 20px;font-size:12px;border-radius:0 8px 8px 0}.entry-intro .notice p{margin:8px 0 0}.entry-form{min-width:0;background:#fff;border:1px solid #d9dfd8;border-radius:14px;padding:25px;box-shadow:0 14px 40px #14252208}.entry-form #auth-status{font-size:13px;color:#53627a;margin:0 0 18px}.entry-form #auth-component{min-height:200px}.entry-form #auth-component>div{max-width:100%}.entry-help{font-size:12px;display:flex;justify-content:center;gap:10px;margin-top:22px}.entry-form .cl-rootBox,.entry-form .cl-cardBox,.entry-form .cl-card{max-width:100%}
@media(max-width:760px){.entry-header{padding:16px 20px;gap:10px;flex-wrap:wrap}.entry-header nav span{display:none}.entry-layout{grid-template-columns:1fr;margin:30px auto;gap:25px;padding:0 20px}.entry-intro h1{max-width:none;font-size:38px}.entry-intro ol{display:none}.entry-intro .notice{font-size:12px;margin-top:18px}.entry-form{padding:18px}.entry-header .brand{font-size:16px}}
/* Keep auth controls visible instead of hiding them in mobile navigation. */
.nav nav[aria-label="Account"]{display:flex;flex-wrap:wrap;gap:14px}.nav nav[aria-label="Account"] a{min-height:44px;display:inline-flex;align-items:center}

.entry-header .brand span{color:var(--ink)}