.auth{height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.auth-form-side{display:flex;flex-direction:column;padding:18px 26px 20px;background:var(--bg);min-height:0;overflow-y:auto;scrollbar-width:thin;justify-content:center;justify-content:safe center}.auth-card{width:100%;max-width:388px;margin-inline:auto;padding-block:14px;flex:none}.auth-card h1{font-size:clamp(1.45rem,2.4vh,1.8rem);font-weight:800;margin-bottom:4px}.auth-card .lede{color:var(--fg-dim);font-size:.86rem;margin:0 0 16px;line-height:1.4}.auth-alt{margin:14px 0 0;text-align:center;font-size:.8rem;line-height:1.6;color:var(--fg-dim)}.auth-alt a{color:var(--accent);font-weight:700}.auth-alt a:hover{text-decoration:underline}.auth-alt span{margin-inline:7px;opacity:.75}.auth-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:11px;gap:11px}.auth-actions{margin-top:13px}.auth-hint{font-size:.74rem;margin:9px 0 0}.auth-foot,.auth-hint{color:var(--fg-dim);text-align:center}.auth-foot{margin-top:11px;font-size:.8rem}.auth-foot a{color:var(--accent);font-weight:600}.side-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:9px;gap:9px;margin-bottom:13px}.side-pick button{text-align:left;padding:10px 11px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-family:var(--body);color:var(--fg);transition:border-color .15s ease,background .15s ease}.side-pick button:hover{border-color:var(--accent)}.side-pick button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.side-pick b{display:block;font-family:var(--display);font-weight:700;font-size:.92rem;margin-bottom:2px}.side-pick span{font-size:.74rem;color:var(--fg-dim);line-height:1.35}.side-pick .emoji{font-size:1rem;display:block;margin-bottom:3px}.side-pick span{display:block}.auth-bar{gap:14px}.auth-bar,.auth-bar-right{display:flex;align-items:center}.auth-bar-right{margin-left:auto;gap:12px}.auth-legal{font-size:.7rem;color:var(--fg-dim);text-align:center;margin:0;flex:none}.auth-art{position:relative;height:100%;min-height:0;overflow:hidden;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:clamp(30px,3.4vw,50px) 0 0;isolation:isolate}.creator-art{background:radial-gradient(64% 46% at 22% 10%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 72%),radial-gradient(64% 46% at 80% 86%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%),var(--bg-2)}.brand-art{background:radial-gradient(64% 46% at 78% 10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 72%),radial-gradient(64% 46% at 18% 88%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 72%),var(--bg-2)}.art-head{padding-inline:clamp(26px,3.2vw,50px);flex:none}.art-quote{font-family:var(--display);font-size:clamp(1.35rem,2.3vw,1.95rem);font-weight:800;letter-spacing:-.028em;line-height:1.15;margin:9px 0 0}.art-quote .warm{color:var(--accent-2)}.art-quote .cool{color:var(--accent)}.art-sub{color:var(--fg-dim);font-size:.85rem;margin:11px 0 0;max-width:36ch}.art-cols{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:14px;gap:14px;padding:26px clamp(26px,3.2vw,50px) 0;mask-image:linear-gradient(180deg,transparent,#000 11%,#000 86%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 11%,#000 86%,transparent)}.marquee{overflow:hidden;min-height:0}.marquee-track{display:flex;flex-direction:column;gap:13px;animation:drift var(--speed,46s) linear infinite;will-change:transform}.marquee-track.rev{animation-direction:reverse}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}.float-reel{position:relative;aspect-ratio:9/16;border-radius:16px;padding:11px;overflow:hidden;flex:none;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}.float-reel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 58%)}.float-reel>*{position:relative;z-index:1}.fr-bars{position:absolute;inset-inline:11px;top:11px;display:flex;gap:3px}.fr-bars i{height:2px;flex:1 1;background:rgba(255,255,255,.34);border-radius:2px}.fr-bars i:first-child{background:#fff}.fr-play{position:absolute;top:22px;right:11px;width:21px;height:21px;border-radius:50%;background:rgba(255,255,255,.28);display:grid;place-items:center}.fr-play:after{content:"";border-left:7px solid #fff;border-block:4.5px solid transparent;margin-left:2px}.fr-foot{color:#fff}.fr-handle{display:block;font-family:var(--mono);font-size:.58rem;opacity:.95}.fr-foot b{display:block;font-family:var(--display);font-size:1.1rem;font-weight:800;line-height:1.05}.fr-tag{display:block;font-size:.57rem;opacity:.85}.float-brief{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:5px;padding:12px 13px;flex:none;box-shadow:0 14px 32px -24px rgba(0,0,0,.55)}.fb-top{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:8px}.fb-top b{font-family:var(--display);font-size:.84rem;font-weight:700;letter-spacing:-.015em}.fb-cat{font-family:var(--mono);font-size:.54rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);padding:2px 6px;border-radius:3px;flex:none}.fb-row{display:flex;justify-content:space-between;gap:10px;font-size:.68rem;padding:3px 0;border-top:1px dotted var(--line)}.fb-row span:first-child{color:var(--fg-dim)}.fb-row span:last-child{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.fb-pay{color:var(--accent-2);font-weight:600}.auth-back{font-size:.8rem;color:var(--fg-dim)}.auth-back:hover{color:var(--accent)}.reel-r1{background:linear-gradient(165deg,#ffd9a0,#f59e0b 58%,#d97706)}.reel-r2{background:linear-gradient(165deg,#cdc7ff,#6d5cf6 58%,#4f46e5)}.reel-r3{background:linear-gradient(165deg,#ffc7cf,#f4718a 58%,#d9456a)}.reel-r4{background:linear-gradient(165deg,#a8e8d2,#34b88c 58%,#157a58)}.auth-form-side .field{margin-bottom:10px}.auth-form-side label{font-size:.74rem;margin-bottom:4px}.auth-form-side input{padding:9px 12px;font-size:.88rem}.auth-form-side .note{padding:8px 11px;font-size:.78rem;margin-top:9px}.fr-rail{position:absolute;right:9px;bottom:58px;z-index:2;gap:11px;color:#fff}.fr-like,.fr-rail{display:flex;flex-direction:column;align-items:center}.fr-like{gap:2px;color:#ff5a7a;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.fr-like svg{animation:beat 2.6s ease-in-out infinite;transform-origin:center}.fr-like em{font-family:var(--mono);font-style:normal;font-size:.5rem;font-weight:600;color:#fff}@keyframes beat{0%,72%,to{transform:scale(1)}78%{transform:scale(1.26)}84%{transform:scale(1.05)}90%{transform:scale(1.18)}}.fr-icon{opacity:.88;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.pw-wrap{position:relative}.pw-wrap input{padding-right:40px}.pw-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--fg-dim);cursor:pointer;transition:color .14s ease,background .14s ease}.pw-eye:hover{background:var(--bg-2)}.pw-eye:hover,.pw-eye[aria-pressed=true]{color:var(--accent)}.pw-eye:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (max-width:380px){.auth-row{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}@media (max-width:768px){.auth{grid-template-columns:minmax(0,1fr)}.auth-art{display:none}}@media (max-width:1024px){.auth-briefs{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.auth{height:auto;min-height:100svh;grid-template-rows:auto}.auth,.auth-form-side{overflow:visible}}@media (prefers-reduced-motion:reduce){.fr-like svg{animation:none}}@media (hover:none) and (pointer:coarse){.auth-form-side input,.auth-form-side select,.auth-form-side textarea{font-size:16px;padding:11px 12px}}@media (max-width:600px){.auth-bar{flex-wrap:wrap;row-gap:8px;gap:8px}.auth-bar-right{gap:6px;min-width:0;flex-wrap:wrap}.auth-bar .logo{--logo-px:32px!important}.auth-bar-right .btn{flex:0 0 auto;padding-inline:13px;font-size:.82rem}}@media (max-width:400px){.auth-bar-right{width:100%;margin-left:0;justify-content:flex-start}.auth-bar-right .btn{flex:1 1 auto;justify-content:center}.auth-bar .logo{--logo-px:28px!important}}