.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:opacity .6s ease}.auth-page--mounted{opacity:1}.auth-bg{position:fixed;inset:0;z-index:0;background:#0f0a1a}.auth-bg__gradient-1{top:-30%;left:-20%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(219,39,119,.18) 0,transparent 65%);animation:drift1 20s ease-in-out infinite}.auth-bg__gradient-1,.auth-bg__gradient-2{position:absolute;border-radius:50%;filter:blur(60px)}.auth-bg__gradient-2{bottom:-25%;right:-15%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(168,85,247,.14) 0,transparent 65%);animation:drift2 25s ease-in-out infinite}.auth-bg__gradient-3{position:absolute;top:40%;left:50%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0,transparent 60%);filter:blur(50px);animation:drift3 18s ease-in-out infinite}.auth-bg__mesh{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:50px 50px}@keyframes drift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,8%) scale(1.05)}66%{transform:translate(-3%,4%) scale(.95)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-6%,-5%) scale(1.08)}66%{transform:translate(4%,-8%) scale(.96)}}@keyframes drift3{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-10%) scale(1.1)}}.particle{position:absolute;border-radius:50%;background:rgba(244,114,182,.35);animation:float-particle linear infinite;pointer-events:none}@keyframes float-particle{0%{opacity:0;transform:translateY(20px) scale(0)}10%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(-50px) scale(1)}to{opacity:0;transform:translateY(-70px) scale(0)}}.auth-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;width:100%;padding:2rem;align-items:center;min-height:100vh}.auth-branding{display:flex;align-items:center}.auth-branding__inner{max-width:480px}.auth-logo{gap:12px;margin-bottom:2.5rem}.auth-logo,.auth-logo__icon{display:flex;align-items:center}.auth-logo__icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ec4899,#a855f7);justify-content:center;color:#fff;box-shadow:0 8px 30px rgba(236,72,153,.3)}.auth-logo__text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#f9a8d4,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.auth-branding__title{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:#f5f5f5;line-height:1.1;letter-spacing:-1.5px;margin-bottom:1.2rem}.auth-branding__highlight{background:linear-gradient(135deg,#f472b6,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-branding__subtitle{font-size:1rem;color:hsla(0,0%,100%,.5);line-height:1.7;margin-bottom:2.5rem}.auth-features{display:flex;flex-direction:column;gap:16px}.auth-features__item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);transition:background .25s,border-color .25s,transform .25s}.auth-features__item:hover{background:hsla(0,0%,100%,.07);border-color:rgba(236,72,153,.2);transform:translateX(4px)}.auth-features__icon{font-size:1.5rem;flex-shrink:0}.auth-features__label{display:block;font-weight:600;font-size:.9rem;color:hsla(0,0%,100%,.9)}.auth-features__desc{display:block;font-size:.8rem;color:hsla(0,0%,100%,.4);margin-top:2px}.auth-card-wrapper{display:flex;justify-content:center;align-items:center}.auth-card{position:relative;width:100%;max-width:440px;background:hsla(0,0%,100%,.04);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:2rem;box-shadow:0 30px 80px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.06);animation:cardSlideUp .6s cubic-bezier(.22,1,.36,1) .2s both}.auth-card__border{position:absolute;top:0;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,transparent,#ec4899,#a855f7,transparent);border-radius:1px}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{position:relative;display:flex;background:hsla(0,0%,100%,.05);border-radius:12px;padding:4px;margin-bottom:1.5rem}.auth-tabs__btn{flex:1;padding:10px 0;border:none;background:transparent;color:hsla(0,0%,100%,.45);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:10px;transition:color .3s;position:relative;z-index:1}.auth-tabs__btn--active{color:#fff}.auth-tabs__indicator{position:absolute;top:4px;bottom:4px;width:50%;background:linear-gradient(135deg,rgba(236,72,153,.3),rgba(168,85,247,.3));border-radius:10px;border:1px solid rgba(236,72,153,.2);transition:left .35s cubic-bezier(.22,1,.36,1)}.auth-form{gap:1.1rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-label{font-size:.8rem;font-weight:600;color:hsla(0,0%,100%,.6);letter-spacing:.3px}.auth-input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#fff;font-size:.9rem;outline:none;transition:border-color .25s,background .25s,box-shadow .25s}.auth-input::placeholder{color:hsla(0,0%,100%,.2)}.auth-input:focus{border-color:rgba(236,72,153,.5);background:hsla(0,0%,100%,.06);box-shadow:0 0 0 3px rgba(236,72,153,.1)}.auth-forgot-link{background:none;border:none;color:rgba(244,114,182,.7);font-size:.78rem;font-weight:500;cursor:pointer;transition:color .2s;padding:0}.auth-forgot-link:hover{color:#f472b6}.auth-btn{width:100%;padding:13px 24px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.22,1,.36,1);letter-spacing:.2px}.auth-btn--primary{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;box-shadow:0 8px 30px rgba(236,72,153,.25)}.auth-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px rgba(236,72,153,.35)}.auth-btn--primary:active:not(:disabled){transform:translateY(0)}.auth-btn--primary:disabled{opacity:.7;cursor:not-allowed}.auth-btn--guest{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85);border:1.5px solid hsla(0,0%,100%,.1)}.auth-btn--guest:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.18);transform:translateY(-2px)}.auth-btn--guest:disabled{opacity:.6;cursor:not-allowed}.auth-spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.auth-spinner--dark{border-color:hsla(0,0%,100%,.7) hsla(0,0%,100%,.15) hsla(0,0%,100%,.15)}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{display:flex;align-items:center;gap:16px;margin:1.2rem 0}.auth-divider__line{flex:1;height:1px;background:hsla(0,0%,100%,.08)}.auth-divider__text{font-size:.78rem;color:hsla(0,0%,100%,.3);font-weight:500;text-transform:uppercase;letter-spacing:1.5px}.auth-guest-note{text-align:center;font-size:.75rem;color:hsla(0,0%,100%,.3);line-height:1.6;margin-top:.8rem}.auth-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:.82rem;font-weight:500;margin-bottom:.5rem;animation:slideDown .3s ease}.auth-message--error{background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.auth-message--success{background:rgba(34,197,94,.12);color:#86efac;border:1px solid rgba(34,197,94,.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-card__footer{text-align:center;font-size:.72rem;color:hsla(0,0%,100%,.25);margin-top:1.5rem;line-height:1.6}.auth-link{color:rgba(244,114,182,.6);text-decoration:none;transition:color .2s}.auth-link:hover{color:#f472b6;text-decoration:underline}@media (max-width:900px){.auth-content{grid-template-columns:1fr;gap:2rem;padding:1.5rem;min-height:auto}.auth-branding{text-align:center;justify-content:center;padding-top:2rem}.auth-branding__inner{max-width:100%;display:flex;flex-direction:column;align-items:center}.auth-branding__title{font-size:clamp(1.8rem,5vw,2.4rem)}.auth-branding__subtitle{max-width:400px;margin-bottom:1.5rem}.auth-features{width:100%;max-width:400px}.auth-features__item:hover{transform:none}.auth-card-wrapper{padding-bottom:2rem}.auth-card{max-width:100%}}@media (max-width:480px){.auth-content{padding:1rem}.auth-card{padding:1.5rem;border-radius:20px}.auth-field-row{grid-template-columns:1fr}.auth-branding__title{font-size:1.6rem}.auth-features{display:none}}