.auth-page{position:relative;min-height:100dvh;background:radial-gradient(960px 540px at 22% 18%,rgba(155,61,247,.16) 0%,rgba(55,25,98,.22) 48%,transparent 78%),radial-gradient(820px 500px at 82% 85%,rgba(236,72,153,.11) 0%,rgba(55,25,98,.18) 52%,transparent 78%),#0b0712;color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:36px 20px 64px;overflow-x:hidden;isolation:isolate}@media(max-width:480px){.auth-page{padding:20px 14px calc(36px + env(safe-area-inset-bottom,0px))}}.auth-stage{position:relative;z-index:1;width:min(94vw,440px);display:grid;grid-template-columns:1fr;gap:28px;align-items:center}@media(min-width:960px){.auth-page{padding:48px 32px 72px}.auth-stage{width:min(94vw,1060px);grid-template-columns:minmax(440px,1.12fr) minmax(396px,440px);gap:44px}}.auth-showcase{display:none;position:relative}@media(min-width:960px){.auth-showcase{display:block;animation:auth-rise .56s cubic-bezier(.32,.72,0,1) both}}.auth-showcase__bezel{padding:6px;border-radius:26px;background:#ffffff09;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff24,0 28px 68px #04020cd1,0 0 42px #9b3df724}.auth-showcase__core{position:relative;height:610px;border-radius:20px;overflow:hidden;background:linear-gradient(165deg,#1e1633,#120e1e 60%,#0b0712);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;padding:22px 24px 26px}.auth-showcase__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 14%;transform:scale(1.02);transition:transform .9s cubic-bezier(.32,.72,0,1)}.auth-showcase__hero-img--group{object-position:center 8%}.auth-showcase:hover .auth-showcase__hero-img{transform:scale(1.05)}.auth-showcase__ambient-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0b071285,#0b07120f,#0b0712ad 72%,#0b0712f2),radial-gradient(80% 60% at 50% 100%,rgba(155,61,247,.28) 0%,transparent 70%);pointer-events:none}.auth-showcase__top-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-showcase__salon-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#120e1ec2;border:1px solid rgba(255,255,255,.14);backdrop-filter:saturate(180%) blur(14px);font-size:11px;font-weight:600;letter-spacing:.12em;color:#f8fafc}.auth-showcase__live-dot{width:7px;height:7px;border-radius:50%;background:#f5c451;box-shadow:0 0 10px #f5c451;flex-shrink:0}.auth-showcase__online-pill{padding:5px 11px;border-radius:999px;background:linear-gradient(135deg,#9b3df75c,#ec489947);border:1px solid rgba(233,213,255,.28);backdrop-filter:blur(12px);font-size:11.5px;font-weight:600;color:#f8fafc;letter-spacing:.02em}.auth-showcase__bottom{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}.auth-showcase__cards{display:flex;align-items:center;gap:10px}.auth-mini-card{position:relative;width:68px;height:88px;border-radius:12px;overflow:hidden;border:1.5px solid rgba(255,255,255,.22);box-shadow:0 10px 24px #0000008c;background:#181326;transition:transform .36s cubic-bezier(.32,.72,0,1),border-color .36s ease}.auth-mini-card--1{transform:rotate(-4deg)}.auth-mini-card--2{transform:translateY(-4px) rotate(1deg);border-color:#f5c4518c}.auth-mini-card--3{transform:rotate(5deg)}.auth-showcase:hover .auth-mini-card--1{transform:rotate(-6deg) translateY(-3px)}.auth-showcase:hover .auth-mini-card--2{transform:translateY(-8px) scale(1.04)}.auth-showcase:hover .auth-mini-card--3{transform:rotate(7deg) translateY(-3px)}.auth-mini-card img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.auth-mini-card span{position:absolute;left:0;right:0;bottom:0;padding:12px 4px 4px;background:linear-gradient(180deg,transparent 0%,rgba(11,7,18,.92) 100%);font-size:10px;font-weight:600;color:#f8fafc;text-align:center;letter-spacing:.04em}.auth-showcase__copy{display:flex;flex-direction:column;gap:6px}.auth-showcase__eyebrow{margin:0;font-size:10.5px;font-weight:600;letter-spacing:.18em;color:#f5c451;text-transform:uppercase}.auth-showcase__title{margin:0;font-size:32px;font-weight:600;line-height:1.14;letter-spacing:-.025em;color:#f8fafc;text-shadow:0 4px 18px rgba(0,0,0,.6)}.auth-showcase__desc{margin:0;font-size:13.5px;line-height:1.55;color:#e2e8f0;max-width:390px}.auth-mobile-banner{position:relative;padding:4px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff24,0 16px 36px #04020ca6}@media(min-width:960px){.auth-mobile-banner{display:none}}.auth-mobile-banner__inner{position:relative;height:112px;border-radius:16px;overflow:hidden;background:#181326;display:flex;align-items:flex-end;padding:12px 14px}.auth-mobile-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}.auth-mobile-banner__shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0712e6,#0b07129e 62%,#0b071240),linear-gradient(180deg,#0b071226,#0b0712db)}.auth-mobile-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;max-width:calc(100% - 54px)}.auth-mobile-banner__badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.08em;color:#f5c451}.auth-mobile-banner__title{margin:0;font-size:14.5px;font-weight:600;color:#f8fafc;letter-spacing:-.01em;line-height:1.25}.auth-mobile-banner__avatars{display:flex;align-items:center;gap:6px;margin-top:2px}.auth-mobile-banner__avatars img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid #C084FC;margin-right:-8px}.auth-mobile-banner__avatars span{margin-left:12px;font-size:11px;font-weight:500;color:#cbd5e1}@keyframes stickerFloat{0%,to{transform:translateY(0) rotate(var(--sticker-rot, 6deg))}50%{transform:translateY(-5px) rotate(calc(var(--sticker-rot, 6deg) + 2.5deg))}}.auth-sticker{position:absolute;pointer-events:none;user-select:none;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));animation:stickerFloat 4.2s ease-in-out infinite;z-index:5}.auth-sticker--card-tr{--sticker-rot: 7deg;top:-36px;right:16px;width:72px;height:72px}.auth-sticker--card-bl{--sticker-rot: -10deg;bottom:-20px;left:-16px;width:48px;height:48px;animation-delay:-1.8s}.auth-sticker--cta-corner{--sticker-rot: -6deg;top:-22px;right:12px;width:42px;height:42px;animation-delay:-.9s}.auth-sticker--gift-pill{--sticker-rot: 8deg;position:relative;top:auto;right:auto;width:40px;height:40px;margin-left:-6px;flex-shrink:0}.auth-sticker--head-inline{--sticker-rot: -5deg;position:relative;width:50px;height:50px;flex-shrink:0}.auth-sticker--showcase-tr{--sticker-rot: 8deg;top:-24px;right:-18px;width:74px;height:74px}.auth-sticker--showcase-bl{--sticker-rot: -8deg;bottom:-18px;left:-16px;width:58px;height:58px;animation-delay:-2.1s}.auth-sticker--mobile-banner{--sticker-rot: 6deg;top:-14px;right:10px;width:58px;height:58px}@media(max-width:480px){.auth-sticker--card-tr{top:-30px;right:10px;width:60px;height:60px}.auth-sticker--card-bl{bottom:-16px;left:-10px;width:40px;height:40px}}.auth-page__inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:20px;animation:auth-rise .5s cubic-bezier(.32,.72,0,1) both}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-page__head{display:flex;flex-direction:column;align-items:flex-start}.auth-page__title-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-v3-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.auth-v3-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:4px 12px 4px 5px;border-radius:999px;background:#181326;border:1px solid rgba(192,132,252,.24);box-shadow:inset 0 1px #ffffff1a;transition:border-color .18s cubic-bezier(.32,.72,0,1),transform .18s cubic-bezier(.32,.72,0,1)}.auth-v3-brand:hover{border-color:#c084fc73;transform:translateY(-1px)}.auth-v3-mode-tag{font-size:11px;font-weight:500;color:#a59ec0;letter-spacing:.04em;padding:3px 9px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.auth-v3-logo-icon{width:24px;height:24px;border-radius:7px;object-fit:cover}.auth-v3-brand-text{font-size:13px;font-weight:600;color:#f8fafc;letter-spacing:.03em;display:inline-flex;align-items:baseline;gap:5px}.auth-v3-brand-text em{font-style:normal;font-size:10.5px;font-weight:500;color:#a59ec0;letter-spacing:.08em}.auth-v3-gift-pill-wrap{display:inline-flex;align-items:center;margin-bottom:10px;max-width:100%}.auth-v3-gift-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#9b3df738,#ec48991f);border:1px solid rgba(192,132,252,.36);box-shadow:inset 0 1px #ffffff1f;color:#f3e8ff;font-size:12px;font-weight:600;letter-spacing:.02em}.auth-v3-gift-dot{width:6px;height:6px;border-radius:50%;background:#f5c451;box-shadow:0 0 8px #f5c451;flex-shrink:0}.auth-page__head h1{margin:0 0 6px;font-size:clamp(1.65rem,1.45rem + .7vw,2rem);line-height:1.18;letter-spacing:-.025em;font-weight:600;color:#f8fafc}.auth-page__head p{margin:0;padding-right:72px;color:#a59ec0;font-size:13.5px;line-height:1.55}.auth-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:26px 24px 24px;border-radius:22px;background:radial-gradient(120% 85% at 50% 0%,rgba(155,61,247,.12) 0%,transparent 62%),linear-gradient(165deg,#181326,#120e1e);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff24,0 24px 56px #04020ec7,0 0 0 1px #a855f724;overflow:visible;isolation:isolate}.auth-card:after{content:"";position:absolute;inset:5px;border-radius:17px;pointer-events:none;border:1px solid rgba(255,255,255,.05);z-index:-1}.auth-card h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:#f8fafc}.auth-card__sub{color:#a59ec0;font-size:13px;line-height:1.55;margin:0}.auth-card__field{display:flex;flex-direction:column;gap:7px}.auth-card__label{font-size:12.5px;font-weight:600;color:#e2e8f0;letter-spacing:.02em}.auth-card__opt{margin-left:6px;font-size:11px;font-weight:400;color:#a59ec0}.auth-card__input-wrap,.auth-card__pw{position:relative;display:flex;align-items:center}.auth-card input{width:100%;min-height:48px;padding:12px 15px;background:#211b34;border:1.5px solid rgba(168,85,247,.38);border-radius:13px;color:#f8fafc;font-size:15px;font-family:inherit;box-shadow:inset 0 1px 2px #05030c73;transition:border-color .18s cubic-bezier(.32,.72,0,1),box-shadow .18s cubic-bezier(.32,.72,0,1),background-color .18s cubic-bezier(.32,.72,0,1)}.auth-card input:hover{background:#261f3d;border-color:#c084fc85}.auth-card input.has-reroll{padding-right:78px}.auth-card__pw input{padding-right:62px}.auth-card input::placeholder{color:#9389b0}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#F8FAFC;-webkit-box-shadow:0 0 0 1000px #211B34 inset;caret-color:#f8fafc}.auth-card input:focus{outline:none;border-color:#c084fc;background:#2a2244;box-shadow:0 0 0 4px #9b3df738}.auth-card__reroll{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:30px;padding:0 11px;border-radius:999px;background:#9b3df738;border:1px solid rgba(192,132,252,.36);color:#e9d5ff;font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.auth-card__reroll:hover{background:#9b3df759;border-color:#c084fc94;color:#f8fafc}.auth-card__pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:34px;min-width:48px;padding:0 10px;background:transparent;border:none;cursor:pointer;color:#a59ec0;font-size:12.5px;font-weight:500;font-family:inherit;transition:color .15s ease}.auth-card__pw-toggle:hover{color:#f8fafc}.auth-card__err{display:flex;align-items:flex-start;gap:8px;margin:2px 0 0;padding:9px 12px;border-radius:10px;background:#fb71851f;border:1px solid rgba(251,113,133,.32);color:#fda4af;font-size:12.5px;line-height:1.45}.auth-card__err:before{content:"!";flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:1px;border-radius:50%;background:#fb718538;color:#fecdd3;font-size:11px;font-weight:700}.auth-cred-box{display:flex;flex-direction:column;gap:8px;padding:13px 15px;border-radius:12px;background:#211b34;border:1.5px solid rgba(168,85,247,.32)}.auth-cred-row{display:flex;align-items:baseline;gap:12px;font-size:14px;word-break:break-all}.auth-cred-label{flex:0 0 36px;color:#a59ec0;font-size:13px}.auth-cred-val{color:#f8fafc;font-weight:600}.auth-primary-wrap{position:relative;margin-top:6px;display:flex;flex-direction:column}.auth-primary{position:relative;width:100%;min-height:50px;padding:13px 18px;border-radius:13px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#9b3df7,#ec4899);color:#f8fafc;font-weight:600;font-size:15.5px;letter-spacing:.02em;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 8px 24px #9b3df757;transition:filter .18s ease,transform .18s cubic-bezier(.32,.72,0,1),box-shadow .18s ease}.auth-primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 12px 30px #9b3df770}.auth-primary:active:not(:disabled){transform:translateY(0) scale(.985)}.auth-primary:disabled{cursor:default;opacity:.78}.auth-primary__spin{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid rgba(248,250,252,.35);border-top-color:#f8fafc;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-link{padding:6px 10px 2px;background:transparent;border:0;color:#a59ec0;cursor:pointer;font-size:13.5px;font-weight:500;text-align:center;text-decoration:none;transition:color .15s ease}.auth-link:hover{color:#e9d5ff}.auth-trust{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}.auth-trust li{display:flex;align-items:center;gap:7px;color:#a59ec0;font-size:12px;line-height:1.4}.auth-trust-dot{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#c084fc;box-shadow:0 0 6px #c084fc99}@media(prefers-reduced-motion:reduce){.auth-page__inner,.auth-showcase,.auth-sticker,.auth-primary__spin{animation:none}}
