.profile-control{position:relative}.profile-trigger{width:40px;height:40px;padding:0;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#171c24;color:#e8ebef;font:800 .66rem Manrope;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.34)}.profile-trigger:hover{border-color:rgba(255,255,255,.48)}.profile-trigger svg{width:20px;fill:none}.profile-menu{position:absolute;top:50px;right:0;width:220px;padding:8px;border:1px solid #2b323d;border-radius:11px;display:none;background:rgba(14,18,25,.98);box-shadow:0 24px 75px rgba(0,0,0,.65);backdrop-filter:blur(18px)}.profile-control.open .profile-menu{display:grid}.profile-menu>div{display:grid;gap:3px;padding:10px 11px 13px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:5px}.profile-menu strong,.profile-menu small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu strong{font-size:.72rem}.profile-menu small{color:#77818e;font-size:.58rem}.profile-menu a,.profile-menu button{height:37px;padding:0 11px;border:0;border-radius:7px;display:flex;align-items:center;background:transparent;color:#bac1ca;font:700 .65rem DM Sans;text-align:left}.profile-menu a:hover,.profile-menu button:hover{background:#1b222c;color:#fff}
.avatar-ember{background:linear-gradient(145deg,#ff365f,#7d142d)!important}.avatar-ocean{background:linear-gradient(145deg,#34b8ff,#17497f)!important}.avatar-violet{background:linear-gradient(145deg,#a373ff,#4a277d)!important}.avatar-forest{background:linear-gradient(145deg,#48c98b,#176046)!important}.avatar-sunset{background:linear-gradient(145deg,#ffad45,#a83f54)!important}.avatar-midnight{background:linear-gradient(145deg,#536078,#171c2a)!important}
.auth-page{min-height:100vh;padding-top:135px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,620px) minmax(320px,1fr);gap:24px;align-items:stretch}.auth-card,.auth-aside{border:1px solid var(--line);border-radius:16px;background:#10141b}.auth-card{padding:43px 46px}.auth-copy h1{margin:4px 0 9px;font:800 clamp(2.1rem,4vw,3.5rem)/1 Manrope;letter-spacing:-.05em}.auth-copy>p:last-child{max-width:470px;color:#818b98;font-size:.76rem;line-height:1.65}.auth-card form{display:grid;gap:16px;margin-top:33px}.auth-card label,.account-card label{display:grid;gap:7px;color:#c1c7cf;font-size:.68rem;font-weight:700}.auth-card input,.account-card input{width:100%;height:47px;padding:0 13px;border:1px solid #303844;border-radius:8px;background:#0b0f15;color:#fff;font:500 .75rem DM Sans;outline:0}.auth-card input:focus,.account-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,54,95,.1)}.auth-card label small{color:#697380;font-size:.57rem;font-weight:500}.auth-card label small.good{color:#7bd9a9}.auth-card .button{width:100%;margin-top:4px}.auth-links{display:flex;align-items:center;justify-content:space-between}.auth-links a{color:#9ea7b2;font-size:.63rem;font-weight:700}.auth-links a:hover{color:#fff}.form-error{min-height:17px;margin:0;color:#ff7894;font-size:.62rem;line-height:1.5}.form-error.success{color:#7bd9a9}.auth-aside{min-height:600px;padding:50px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 70% 10%,rgba(255,54,95,.2),transparent 44%),linear-gradient(145deg,#17141c,#0d1118)}.auth-aside>span{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));font:900 1.4rem Manrope}.auth-aside h2{max-width:430px;margin:24px 0 12px;font:800 clamp(2rem,4vw,3.8rem)/1.05 Manrope;letter-spacing:-.05em}.auth-aside p{max-width:430px;color:#818a97;font-size:.72rem;line-height:1.65}.avatar-picker{display:flex;gap:9px;flex-wrap:wrap}.avatar-picker label{display:block}.avatar-picker input{position:absolute;opacity:0;pointer-events:none}.avatar-picker span{width:42px;height:42px;border:2px solid transparent;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 .68rem Manrope;cursor:pointer}.avatar-picker input:checked+span{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.account-page{min-height:100vh;padding-top:125px;padding-bottom:90px}.account-heading{min-height:150px;display:flex;align-items:center;gap:22px}.account-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#fff;font:900 1.25rem Manrope}.account-heading h1{margin:4px 0;font:800 2.5rem Manrope;letter-spacing:-.045em}.account-heading p:last-child{margin:0;color:#7d8794;font-size:.72rem}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.account-card{padding:25px;border:1px solid var(--line);border-radius:13px;background:#10141b}.account-card.wide{grid-column:1/-1}.account-card h2{margin:0 0 20px;font:800 1.12rem Manrope}.account-card form{display:grid;gap:13px}.account-card form+form{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.account-card .button{justify-self:start}.account-muted,.danger-card p{color:#78828e;font-size:.67rem;line-height:1.6}.danger-card{border-color:rgba(255,54,95,.22)}.button.danger{background:#7d1930;color:#fff}.session-list,.history-list{display:grid}.session-list article,.history-list article{min-height:68px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.065);display:flex;align-items:center;gap:13px}.session-list article:last-child,.history-list article:last-child{border:0}.session-list article>div,.history-list article>div{min-width:0;display:grid;gap:4px;flex:1}.session-list strong,.session-list small,.history-list strong,.history-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-list strong,.history-list strong{font-size:.7rem}.session-list small,.history-list small{color:#707a87;font-size:.58rem}.session-list .button,.history-list .button{height:34px;font-size:.58rem}.history-list img{width:38px;height:56px;border-radius:4px;object-fit:cover;background:#242a34}.cf-turnstile{min-height:65px}
@media(max-width:760px){.profile-control{display:none}.auth-page{padding-top:95px;display:block}.auth-card{padding:27px 20px}.auth-aside{display:none}.auth-copy h1{font-size:2.2rem}.account-page{padding-top:92px}.account-heading{min-height:130px}.account-avatar{width:62px;height:62px}.account-heading h1{font-size:1.8rem}.account-grid{grid-template-columns:1fr}.account-card.wide{grid-column:auto}.account-card{padding:19px}.history-list article{align-items:flex-start;flex-wrap:wrap}.history-list article>button{margin-left:51px}.mobile-menu button{width:100%;padding:12px;border:0;border-radius:7px;background:transparent;color:#bbc0c8;font-size:.8rem;text-align:left}}

/* Focused authentication layout over a live catalog collage. */
.auth-page{position:relative;isolation:isolate;width:100%;min-height:100svh;padding:calc(var(--header) + 24px) 24px 32px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;overflow:hidden}
.auth-collage{position:fixed;z-index:-3;inset:-7vh -5vw;display:grid;grid-template-columns:repeat(8,minmax(150px,1fr));grid-template-rows:repeat(2,minmax(44vh,1fr));gap:13px;transform:rotate(-3deg) scale(1.08);background:#080a0e}
.auth-collage figure{min-width:0;min-height:0;margin:0;overflow:hidden;border-radius:13px;background:#171c24;box-shadow:0 18px 55px rgba(0,0,0,.45);animation:authCollageIn .55s var(--collage-delay) both}
.auth-collage img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06);transform:scale(1.035)}
.auth-collage-shade{position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 50% 43%,rgba(4,6,9,.28),rgba(4,6,9,.82) 56%,rgba(4,6,9,.96) 100%),linear-gradient(90deg,rgba(6,8,12,.55),rgba(6,8,12,.72));backdrop-filter:blur(1.5px)}
.auth-card{grid-column:1;width:min(500px,100%);margin:auto;padding:34px 36px 31px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(12,16,22,.9);box-shadow:0 34px 110px rgba(0,0,0,.72);backdrop-filter:blur(24px)}
.auth-copy h1{margin:5px 0 8px;font-size:clamp(2rem,4vw,2.75rem)}
.auth-copy>p:last-child{margin:0;line-height:1.5}
.auth-card form{gap:14px;margin-top:27px}
.auth-card input{height:45px;background:rgba(6,9,13,.78)}
.auth-links.single{justify-content:center}
.avatar-fieldset{min-width:0;margin:0;padding:0;border:0}
.avatar-fieldset legend{margin-bottom:3px;color:#d8dde4;font-size:.68rem;font-weight:800}
.avatar-fieldset>p{margin:0 0 11px;color:#707a87;font-size:.57rem;line-height:1.4}
.avatar-picker{width:min(390px,100%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.avatar-picker label{min-width:0}
.avatar-picker>label>span{position:relative;width:100%;height:auto;aspect-ratio:1;border:2px solid transparent;border-radius:50%;overflow:hidden;background:#151a22;transition:transform .18s,border-color .18s,box-shadow .18s}
.avatar-picker>label:hover>span{transform:translateY(-2px)}
.avatar-picker>label>span>img{display:block;width:100%;height:100%;object-fit:cover}
.avatar-picker input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}
.avatar-picker input:checked+span{border-color:#fff;box-shadow:0 0 0 3px var(--accent),0 9px 24px rgba(0,0,0,.38)}
.profile-trigger>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;clip-path:circle(50% at 50% 50%)}
.account-avatar{overflow:hidden}.account-avatar>img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes authCollageIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px){.auth-collage{grid-template-columns:repeat(4,minmax(150px,1fr));grid-template-rows:repeat(4,minmax(36vh,1fr))}}
@media(max-width:760px){.auth-page{min-height:100svh;padding:calc(var(--header) + 16px) 14px 20px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;overflow-y:auto}.auth-card{width:min(100%,470px);margin:auto;padding:25px 20px}.auth-copy h1{font-size:2rem}.auth-card form{margin-top:21px;gap:12px}.auth-card input{height:44px}.auth-collage{inset:-5vh -35vw;gap:9px}.auth-links{gap:18px}.auth-links a{font-size:.61rem}.avatar-picker{gap:7px}.avatar-fieldset>p{margin-bottom:9px}}
@media(max-width:380px){.auth-page{padding-inline:10px}.auth-card{padding:23px 16px}.auth-copy h1{font-size:1.85rem}.avatar-picker{gap:5px}.auth-links{gap:12px}}
@media(prefers-reduced-motion:reduce){.auth-collage figure{animation:none}}