body[data-auth-mode=signup],body[data-auth-mode=login]{background:radial-gradient(ellipse at 8% 0%,#ff79000a,transparent 42%),radial-gradient(ellipse at 85% 95%,#ed007e08,transparent 45%),#faf8fb}
.auth-story-alive{min-height:660px;isolation:isolate;box-shadow:0 24px 65px -35px #66113f65;background:#230b22}
.auth-story-alive:after{inset:0;z-index:2;background:linear-gradient(180deg,#16091d45 0%,transparent 30%,#200b2940 48%,#1c091deb 82%,#1c091d 100%);pointer-events:none}
.auth-story-film{position:absolute;inset:0;overflow:hidden}
.auth-film-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 35%;opacity:0;transform:scale(1.04);animation:auth-photo-breathe 24s linear infinite}
.auth-film-frame.frame-0{animation-name:auth-first-photo;animation-delay:0s;opacity:1}.auth-film-frame.frame-1{animation-delay:8s}.auth-film-frame.frame-2{animation-delay:16s}
.auth-story-halo{position:absolute;inset:-20%;z-index:1;background:radial-gradient(ellipse at 20% 85%,#ed007e55,transparent 45%),radial-gradient(ellipse at 85% 95%,#ff790050,transparent 40%),radial-gradient(ellipse at 100% 5%,#00af9d35,transparent 38%);mix-blend-mode:screen;animation:auth-light-drift 12s ease-in-out infinite alternate;pointer-events:none}
.auth-film-top{position:absolute;top:27px;left:27px;right:27px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;color:white}
.auth-film-label{font-size:9px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:8px;text-shadow:0 1px 8px #0008}.auth-film-label i{width:6px;height:6px;border-radius:50%;background:#ffd3b4;box-shadow:0 0 0 5px #fff1;animation:auth-glow 3s ease-in-out infinite}

.auth-story-keepsake{position:absolute;z-index:3;right:27px;top:103px;width:139px;padding:6px;background:#fff;border-radius:16px;box-shadow:0 16px 45px #15071345;transform:rotate(7deg);animation:auth-keepsake-float 9s ease-in-out infinite}.auth-story-keepsake img{width:100%;height:144px;object-fit:cover;border-radius:11px;display:block;object-position:55% center}.auth-story-keepsake>div{padding:10px 6px 7px;color:#000}.auth-story-keepsake span{font-size:7px;letter-spacing:1.1px;display:block;margin-bottom:5px}.auth-story-keepsake strong{font-size:11px;font-weight:550;letter-spacing:-.2px}
.auth-story-alive .auth-story-copy{z-index:4;bottom:49px;left:34px;right:32px;animation:auth-copy-arrive .9s both}.auth-story-alive .auth-story-copy>span{font-size:9px;letter-spacing:2.1px;color:#ffede8}.auth-story-alive .auth-story-copy h2{font-size:49px;font-weight:500;line-height:1.06;letter-spacing:-2.5px;margin:18px 0}.auth-story-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;color:#ffc7d8}.auth-story-alive .auth-story-copy p{font-size:13px;line-height:1.8;max-width:330px;color:white;margin:0 0 20px}
.auth-story-chapters{display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.5px}.auth-story-chapters span{display:flex;align-items:center;gap:7px;letter-spacing:.5px;font-size:10px}.auth-story-chapters span:before{content:'';width:6px;height:6px;border-radius:50%;background:#ff7900}.auth-story-chapters span:nth-child(2):before{background:#ed007e}.auth-story-chapters span:nth-child(3):before{background:#00d8bd}
.auth-film-progress{position:absolute;z-index:5;bottom:22px;left:34px;right:34px;display:flex;gap:6px}.auth-film-progress i{height:2px;flex:1;background:#ffffff30;overflow:hidden;border-radius:2px}.auth-film-progress i:after{content:'';display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff7900,#ed007e,#00c9b3);transform:translateX(-100%);animation:auth-film-track 24s linear infinite}.auth-film-progress i:nth-child(2):after{animation-delay:8s}.auth-film-progress i:nth-child(3):after{animation-delay:16s}
@keyframes auth-photo-breathe{0%{opacity:0;transform:scale(1.04) translateX(-1%)}4%,29%{opacity:1}38%,100%{opacity:0;transform:scale(1.14) translateX(1%)}}
@keyframes auth-first-photo{0%{opacity:1;transform:scale(1.04) translateX(-1%)}29%{opacity:1}38%,96%{opacity:0;transform:scale(1.14) translateX(1%)}100%{opacity:1;transform:scale(1.04) translateX(-1%)}}
@keyframes auth-light-drift{to{transform:translate(6%,-3%) rotate(8deg)}}
@keyframes auth-glow{50%{box-shadow:0 0 0 7px #fff0}}
@keyframes auth-keepsake-float{50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes auth-copy-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-film-track{0%{transform:translateX(-100%)}33%,100%{transform:translateX(0)}}
@media(max-width:1100px) and (min-width:651px){.auth-story-alive .auth-story-copy h2{font-size:41px}.auth-story-keepsake{width:118px;right:22px}.auth-story-keepsake img{height:125px}.auth-film-label{font-size:8px;letter-spacing:1px}.auth-film-top{left:22px;right:22px}}
@media(max-width:650px){.auth-story-alive{display:block;min-height:225px;height:225px;border-radius:24px;margin:4px 0 12px;box-shadow:0 14px 35px -22px #66113f65}.auth-story-alive .auth-story-copy{left:23px;right:23px;bottom:30px}.auth-story-alive .auth-story-copy h2{font-size:33px;letter-spacing:-1.2px;margin:10px 0 0}.auth-story-alive .auth-story-copy h2 em{letter-spacing:-1px}.auth-story-alive .auth-story-copy p,.auth-story-chapters,.auth-story-keepsake,.auth-film-label{display:none}.auth-film-top{top:15px;right:16px;left:16px;justify-content:flex-end}.auth-story-alive .auth-story-copy>span{font-size:8px;letter-spacing:1.5px}.auth-film-frame{object-position:50% 40%}.auth-story-alive:after{background:linear-gradient(90deg,#1c091db0,transparent),linear-gradient(0deg,#1c091dc9,transparent 90%)}.auth-film-progress{left:23px;right:23px;bottom:16px}.auth-card{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.auth-story-alive *,.auth-story-alive *:after{animation:none!important}.auth-film-frame{opacity:0!important;transform:none}.auth-film-frame.frame-0{opacity:1!important}.auth-story-keepsake{transform:rotate(5deg)}.auth-film-progress i:first-child{background:#ff9fc8}}