.auth-page{justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1rem;font-family:Inter,system-ui,sans-serif;display:flex}.auth-container{--form-width:340px;--aspect-ratio:1.45;--auth-bg:#272727;--auth-input-bg:#3a3a3a;--auth-btn-bg:#373737;--auth-footer-color:#ffffff80;background:var(--auth-bg);width:calc(var(--form-width) + 1px);min-height:calc(var(--form-width) * var(--aspect-ratio) + 1px);z-index:8;border-radius:24px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003,0 8px 16px #0003,0 0 8px #ffffff1a,0 0 16px #ffffff14}.auth-container:before{content:"";z-index:-2;background:conic-gradient(from 45deg,#0000 75%,#fff,#0000 100%);animation:4s ease-in-out infinite auth-spin;position:absolute;inset:-50px}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-card{background:var(--auth-bg);width:var(--form-width);min-height:calc(var(--form-width) * var(--aspect-ratio));z-index:10;-webkit-backdrop-filter:blur(15px);border-radius:24px;padding:28px;position:relative;box-shadow:inset 0 40px 60px -8px #ffffff1f,inset 4px 0 12px -6px #ffffff1f,inset 0 0 12px -4px #ffffff1f}.auth-logo{background:linear-gradient(135deg,#fff3,#0003);border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 10px;display:flex;position:relative;box-shadow:8px 8px 16px #0003,-8px -8px 16px #ffffff0f}.auth-logo:before{content:"";border:2.5px solid #fff;border-radius:40px 40px 20px 20px;width:50%;height:20%;position:absolute;bottom:10px}.auth-logo:after{content:"";border:2.5px solid #fff;border-radius:50%;width:30%;height:30%;position:absolute;top:10px}.auth-brand{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#22d3eeb3;margin-bottom:.15rem;font-size:.55rem;font-weight:600}.auth-title{text-align:center;color:#fff;width:100%;margin-bottom:.15rem;padding:6px;font-size:24px;font-weight:700}.auth-subtitle{text-align:center;color:#ffffff80;margin-bottom:1rem;font-size:.75rem}.auth-input{background:var(--auth-input-bg);color:#fff;border:none;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .3s ease-in-out;box-shadow:inset 2px 5px 10px #0000004d}.auth-input:focus{background:#454558;transform:scale(1.05);box-shadow:13px 13px 80px #22d3ee14,-13px -13px 80px #783cc80f}.auth-input::placeholder{color:#ffffff59}.auth-select{background:var(--auth-input-bg);color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:none;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .3s ease-in-out;box-shadow:inset 2px 5px 10px #0000004d}.auth-select:focus{background-color:#454558;transform:scale(1.05);box-shadow:13px 13px 80px #22d3ee14,-13px -13px 80px #783cc80f}.auth-field{flex-direction:column;gap:.3rem;display:flex}.auth-label{color:#ffffff8c;font-size:.72rem;font-weight:500}.auth-btn{cursor:pointer;background:var(--auth-btn-bg);color:#fff;border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;height:40px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:inset 0 3px 6px -4px #fff9,inset 0 -3px 6px -2px #000c}.auth-btn:hover{background:#ffffff40;box-shadow:inset 0 3px 6px #fff9,inset 0 -3px 6px #000c,0 0 8px #ffffff0d}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-primary{margin-top:5px}.auth-btn-google{justify-content:center;align-items:center;gap:10px;display:flex}.auth-btn-google svg{width:16px;height:16px}.auth-tabs{gap:.35rem;margin-bottom:.75rem;display:flex}.auth-tab{cursor:pointer;color:#fff6;background:0 0;border:none;border-radius:12px;flex:1;padding:.45rem;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .2s}.auth-tab.active{color:#22d3ee;background:#22d3ee1f;box-shadow:inset 0 0 0 1px #22d3ee40}.auth-footer{text-align:left;width:100%;color:var(--auth-footer-color);margin-top:10px;font-size:12px}.auth-link{color:var(--auth-footer-color);font-weight:600;text-decoration:none;transition:color .3s;position:relative}.auth-link:after{content:"";background:currentColor;border-radius:6px;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.auth-link:hover{color:#fff}.auth-link:hover:after{width:100%}.auth-error{color:#f87171;text-align:center;background:#f8717114;border-radius:8px;padding:.4rem;font-size:.78rem}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-stepper{justify-content:center;gap:.5rem;margin-bottom:1.2rem;display:flex}.auth-step-dot{background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s}.auth-step-dot.active{background:#22d3ee;transform:scale(1.3)}.auth-step-dot.done{background:#14b8a6}.auth-success-emoji{text-align:center;margin-bottom:1rem;font-size:3rem}.auth-success-title{text-align:center;color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.auth-success-sub{text-align:center;color:#ffffff80;margin-bottom:1.5rem;font-size:.82rem}.auth-telegram-widget{justify-content:center;align-items:center;min-height:40px;display:flex}@media (max-width:440px){.auth-container{--form-width:calc(100vw - 2rem)}.auth-card{padding:20px}}