.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative;pointer-events:none}.dot-grid:before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(125% 85% at 22% 28%,rgba(59,28,207,.42),transparent 62%),radial-gradient(115% 95% at 78% 58%,rgba(138,43,226,.36),transparent 66%),radial-gradient(95% 75% at 50% 100%,rgba(42,167,255,.22),transparent 60%);filter:blur(120px) saturate(130%) brightness(.75);opacity:.92;mix-blend-mode:screen;z-index:0}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.auth-container{--ring-size:520px;position:relative;width:var(--ring-size);height:var(--ring-size);display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.auth-container span{position:absolute;left:0;width:40px;height:7px;background:#2c4766;border-radius:80px;transform-origin:calc(var(--ring-size) / 2);transform:rotate(calc(var(--i) * (1turn / 50)));animation:auth-blink 3s linear infinite;animation-delay:calc(var(--i) * (3s / 50))}@keyframes auth-blink{0%{background:#0ef}25%{background:#2c4766}}.auth-login-box{position:absolute;width:82%;max-width:360px;z-index:1;padding:24px;border-radius:20px}.auth-form{width:100%;padding:0 10px}.auth-title{font-size:2.2em;color:#0ef;text-align:center;margin-bottom:10px}.auth-input-box{position:relative;margin:15px 0}.auth-input{width:100%;height:52px;background:transparent;border:2px solid #2c4766;outline:none;border-radius:50px;font-size:1.05em;color:#fff;padding:0 15px;transition:.5s ease}.auth-input:focus{border-color:#0ef}.auth-input:focus~.auth-label,.auth-input[value]:not([value=""])~.auth-label{top:-10px;font-size:.8em;background:#1f293a;padding:0 6px;color:#0ef}.auth-label{position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:1em;pointer-events:none;transition:.5s ease;color:#fff}.auth-forgot-pass{margin:-10px 0 10px;text-align:center}.auth-forgot-pass a{font-size:.85em;color:#fff;text-decoration:none}.auth-btn{width:100%;height:45px;background:#0ef;border:none;outline:none;border-radius:40px;cursor:pointer;font-size:1em;color:#1f293a;font-weight:600}.auth-signup-link{margin:10px 0;text-align:center}.auth-signup-link a{font-size:1em;color:#0ef;text-decoration:none;font-weight:600}@media (max-width:640px){.auth-container{--ring-size:380px}.auth-login-box{max-width:320px}}