@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap";
:root{--void:#000;--white:#fff;--white-dim:#ffffffb3;--white-muted:#fff6;--white-faint:#ffffff26;--font-main:"Outfit",system-ui,sans-serif}.login-page{background:var(--void);justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.login-container{flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex}.login-header{text-align:center;margin-bottom:48px}.login-logo-svg{width:clamp(280px,50vw,400px);height:auto;margin-bottom:16px;overflow:visible;transform:translate(9px)}.login-horizon{width:min(420px,100%);margin:-44px auto 8px;position:relative}.login-horizon-glow{filter:blur(24px);z-index:0;background:radial-gradient(60% 100%,#ffffff14 0%,#ffffff08 40%,#0000 70%);width:85%;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-horizon-svg{z-index:1;width:100%;height:56px;display:block;position:relative}.login-curved-text{letter-spacing:.25em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:100px;font-weight:200}.login-letter{transform-origin:50%}.login-subtitle{font-family:var(--font-main);letter-spacing:.15em;color:var(--white-dim);text-transform:uppercase;margin-top:8px;font-size:16px;font-weight:300}.login-form{border:1px solid var(--white-faint);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:24px;width:100%;padding:40px}.form-group{margin-bottom:24px}.form-group label{font-family:var(--font-main);letter-spacing:.08em;color:var(--white-muted);text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:500;display:block}.form-group input{width:100%;font-family:var(--font-main);letter-spacing:.02em;color:var(--white);border:1px solid var(--white-faint);background:#ffffff0d;border-radius:12px;outline:none;padding:14px 18px;font-size:15px;font-weight:400;transition:all .3s}.form-group input::placeholder{color:var(--white-muted)}.form-group input:focus{border-color:var(--white-muted);background:#ffffff14}.login-button{width:100%;font-family:var(--font-main);letter-spacing:.1em;background:var(--white);color:var(--void);cursor:pointer;text-transform:uppercase;border:none;border-radius:100px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:16px 32px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.login-button:hover{background:var(--white-dim);transform:translateY(-2px);box-shadow:0 20px 50px -15px #fff3}.login-button svg{transition:transform .3s}.login-button:hover svg{transform:translate(4px)}.login-footer{justify-content:space-between;align-items:center;width:100%;margin-top:32px;display:flex}.back-link,.signup-link{font-family:var(--font-main);letter-spacing:.05em;color:var(--white-muted);font-size:13px;font-weight:400;text-decoration:none;transition:color .3s}.back-link:hover,.signup-link:hover{color:var(--white)}@media (max-width:480px){.login-logo-svg{width:clamp(220px,70vw,300px)}.login-curved-text{letter-spacing:.15em;font-size:70px}.login-form{padding:32px 24px}.login-footer{text-align:center;flex-direction:column;gap:16px}}.error-message{font-family:var(--font-main);color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px}.spinner{border:2px solid #0000;border-top-color:var(--void);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button:disabled:hover{background:var(--white);box-shadow:none;transform:none}::selection{color:var(--white);background:#fff3}