.auth-page{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:42px 20px;background:#020508 url(/images/red-city-auth-bg.jpg) 50%/cover no-repeat fixed}.auth-page:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.55) 0,rgba(0,0,0,.82) 62%,rgba(0,0,0,.9) 100%),linear-gradient(0deg,rgba(2,5,8,.6),rgba(2,5,8,.6));backdrop-filter:blur(3px)}.city-motion{position:absolute;z-index:-2;inset:-3%;opacity:.16;background:inherit;filter:blur(13px);animation:cityBreathe 14s ease-in-out infinite alternate}.ambient{position:absolute;z-index:-1;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(229,13,52,.07),transparent 66%);animation:ambientPulse 5s ease-in-out infinite alternate;pointer-events:none}.auth-split{display:flex;align-items:center;gap:24px;width:min(100%,820px)}.auth-showcase-wrap{flex:0 0 340px;max-width:340px;min-width:0;align-self:center;max-height:460px;display:flex;animation:modalIn .6s cubic-bezier(.18,.89,.33,1.2) both}@media (max-height:640px),(max-width:980px){.auth-split{width:min(100%,440px)}.auth-showcase-wrap{display:none}}.auth-modal{width:420px;max-width:100%;flex-shrink:0;padding:32px 34px 30px;border:2px solid rgba(255,60,86,.95);border-top-color:#ff788c;border-radius:22px;background:linear-gradient(140deg,#1b2028,#0c1013);box-shadow:inset 0 1.5px 0 hsla(0,0%,100%,.16),inset 0 0 0 1px hsla(0,0%,100%,.03),0 2px 6px rgba(0,0,0,.5),0 40px 90px -20px rgba(0,0,0,.85),0 0 0 1px rgba(255,27,60,.25),0 0 40px rgba(236,18,50,.22);backdrop-filter:blur(22px);animation:modalIn .5s cubic-bezier(.18,.89,.33,1.2) both}.modal-top{display:flex;align-items:flex-start;justify-content:space-between}.brand-mark{width:41px;height:45px;color:#ed1742;filter:drop-shadow(0 0 9px rgba(237,23,66,.22));animation:markIn .7s ease-out .2s both}.close-button{position:relative;width:32px;height:32px;margin:0 -2px 0 0;padding:0;border:0;background:transparent;cursor:pointer;opacity:.72;transition:opacity .2s ease,transform .25s ease}.close-button:hover{opacity:1;transform:rotate(90deg)}.close-button span{position:absolute;left:5px;top:15px;width:23px;height:1.5px;background:#d4d7dc}.close-button span:first-child{transform:rotate(45deg)}.close-button span:last-child{transform:rotate(-45deg)}.home-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;color:#cdd0d6;opacity:.78;transition:opacity .2s ease,background .2s ease,color .2s ease}.home-link:hover{opacity:1;color:#fff;background:hsla(0,0%,100%,.06)}.home-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-content{animation:contentIn .36s ease-out both}.heading-block{margin:31px 0 35px;text-align:center}.heading-block h1{margin:0;font-size:35px;line-height:1.15;letter-spacing:-1.4px;font-weight:700}.heading-block h1 strong{color:#ed1742;font-weight:700}.heading-block p{margin:10px 0 0;color:#b7b8bd;font-size:17px;line-height:1.45}.fields{display:grid;gap:15px}.terms-check{display:flex;align-items:flex-start;gap:9px;margin:14px 0 2px;font-size:13px;line-height:1.45;color:#9aa4b2;cursor:pointer}.terms-check input{width:16px;height:16px;margin-top:1px;flex:none;accent-color:#ed1742;cursor:pointer}.terms-check a{color:#ff5f7a;text-decoration:none}.terms-check a:hover{text-decoration:underline}.terms-check.terms-error{color:#ff6a6a}.terms-check.terms-error input{outline:2px solid #ff6a6a;outline-offset:2px;border-radius:3px}.field,.field-label{display:block}.field-label{margin:0 0 10px;font-size:16px;line-height:1.2;color:#f1f1f3}.input-shell{height:61px;display:flex;align-items:center;border:1px solid #444b54;border-top-color:#5a636e;border-radius:11px;background:linear-gradient(180deg,#262c34,#171b20);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 2px 4px rgba(0,0,0,.35);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-shell:focus-within{border-color:rgba(237,23,66,.88);box-shadow:0 0 0 3px rgba(237,23,66,.11);background:rgba(25,29,33,.82)}.input-icon{width:59px;display:grid;place-items:center;flex:0 0 auto;color:#9ea3ab}.input-icon svg,.visibility svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.input-shell input{width:100%;height:100%;min-width:0;border:0;outline:0;color:#f4f4f5;background:transparent;font-size:17px}.input-shell input::-moz-placeholder{color:#96999f;opacity:1}.input-shell input::placeholder{color:#96999f;opacity:1}.visibility{height:100%;width:55px;display:grid;place-items:center;flex:0 0 auto;border:0;background:none;color:#90959d;cursor:pointer;transition:color .2s ease}.visibility:hover{color:#ef1743}.form-options{margin:29px 0 36px;justify-content:space-between;color:#b9bbc0;font-size:16px}.form-options,.remember{display:flex;align-items:center}.remember{gap:13px;cursor:pointer}.remember input{position:absolute;opacity:0;pointer-events:none}.remember span{width:22px;height:22px;border:1px solid #727780;border-radius:5px;background:rgba(19,24,27,.7);box-shadow:inset 0 0 5px rgba(0,0,0,.6);transition:border-color .2s,background .2s}.remember input:checked+span{border-color:#ed1742;background:#ed1742 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 50% /16px no-repeat}.mode-switch button,.text-action{border:0;padding:0;background:none;color:#ef1743;cursor:pointer}.mode-switch button:hover,.text-action:hover{color:#ff4568;text-decoration:underline;text-underline-offset:3px}.primary-button{position:relative;width:100%;height:61px;display:flex;align-items:center;justify-content:center;border:1px solid #ff315a;border-radius:12px;overflow:hidden;color:#fff;background:linear-gradient(180deg,#ff466a,#ec1044 60%,#c90738);box-shadow:inset 0 1.5px 0 hsla(0,0%,100%,.3),inset 0 0 0 1px hsla(0,0%,100%,.05),0 3px 6px rgba(0,0,0,.35),0 14px 30px -8px rgba(191,0,39,.5);font-size:19px;font-weight:750;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.primary-button:before{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:transform .55s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 30px rgba(222,8,55,.27)}.primary-button:hover:not(:disabled):before{transform:translateX(105%)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button.is-loading{opacity:1;cursor:progress}.primary-button.is-loading:before{transform:translateX(0);animation:authBtnShimmer 1.1s linear infinite}@keyframes authBtnShimmer{0%{transform:translateX(-105%)}to{transform:translateX(105%)}}.auth-spinner{animation:authSpin .7s linear infinite}@keyframes authSpin{to{transform:rotate(1turn)}}.primary-button svg{position:absolute;right:19px;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.primary-button:hover:not(:disabled) svg{transform:translateX(3px)}.divider{height:71px;display:flex;align-items:center;gap:17px;color:#aeb0b5;font-size:14px}.divider:after,.divider:before{content:"";height:1px;flex:1;background:#34383c}.email-link-button{width:100%;height:61px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #383d42;border-radius:8px;color:#f0f0f2;background:linear-gradient(110deg,rgba(30,34,38,.72),rgba(20,24,27,.55));font-size:17px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.email-link-button:hover{transform:translateY(-1px);border-color:#666b72;background:rgba(35,39,43,.85)}.email-link-button svg{color:#bfc3ca;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.google-button{width:100%;height:61px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #383d42;border-radius:8px;color:#f0f0f2;background:linear-gradient(110deg,rgba(30,34,38,.72),rgba(20,24,27,.55));font-size:17px;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.google-button:hover{transform:translateY(-1px);border-color:#666b72;background:rgba(35,39,43,.85)}.google-button svg{width:18px;height:18px;flex-shrink:0}.google-note{margin:12px 0 0;text-align:center;font-size:13px;color:#9a9da4}.mode-switch{margin:36px 0 0;color:#b9bbc0;text-align:center;font-size:16px}.register{padding-bottom:35px}.register .heading-block{margin:31px 0 35px}.register .fields{gap:22px}.register .strength{margin:-11px 0 0;color:#8f9298;font-size:13px}.register .strength b{color:#ed1742;font-weight:500}.register .strength>div{height:5px;margin-top:10px;border-radius:4px;overflow:hidden;background:#3c4044}.register .strength i{display:block;width:15%;height:100%;border-radius:inherit;background:#f21745}.register .primary-button{margin-top:28px}.register .divider{height:64px}.register .mode-switch{margin-top:26px}.reopen-button{border:1px solid #f1224b;border-radius:9px;padding:16px 28px;background:rgba(11,14,17,.85);box-shadow:0 0 28px rgba(237,23,66,.2);cursor:pointer;font-weight:600;animation:modalIn .4s ease-out both;transition:background .2s,transform .2s}.reopen-button:hover{background:#d80d3b;transform:translateY(-2px)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes contentIn{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes markIn{0%{opacity:0;transform:rotate(-18deg) scale(.7)}to{opacity:1;transform:none}}@keyframes ambientPulse{to{transform:scale(1.12);opacity:.65}}@keyframes cityBreathe{to{transform:scale(1.035);opacity:.22}}@media (max-height:910px) and (min-width:601px){.auth-page{padding:25px 20px}.register{padding-top:29px;padding-bottom:27px}.register .heading-block{margin-top:21px;margin-bottom:25px}.register .fields{gap:17px}.register .input-shell{height:57px}.register .primary-button{margin-top:22px}.register .divider{height:55px}.register .mode-switch{margin-top:21px}}@media (max-width:600px){.auth-page{display:block;min-height:100svh;overflow-y:auto;padding:16px 12px;background-attachment:scroll}.auth-modal{margin:0 auto;padding:27px 22px 30px;border-radius:25px}.brand-mark{width:35px;height:39px}.heading-block{margin:24px 0 28px}.heading-block h1{font-size:clamp(28px,8vw,34px)}.heading-block p{font-size:15px}.fields{gap:22px}.input-shell{height:57px}.input-icon{width:49px}.input-shell input{font-size:16px}.form-options{margin:25px 0 29px;font-size:14px}.email-link-button,.primary-button{height:57px}.divider{height:61px}.mode-switch{margin-top:29px;font-size:14px}.register .heading-block{margin:22px 0 27px}.register .fields{gap:19px}.register .mode-switch{margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}