.login-modal{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px;display:flex;align-items:flex-start;justify-content:center;font-family:var(--font-display);background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:24px 24px;background-position:-12px -12px}.login-modal h1{color:black;margin-top:0;margin-bottom:0}.login-modal h2{color:var(--font-color);margin-top:0;font-size:20px}.login-modal__content{box-shadow:0 0 10px 0 rgba(255,255,255,.7);background-color:white;padding:20px;margin-top:50px;max-width:400px;width:100%;border-radius:2px}.login-input{width:100%;padding:10px;margin-bottom:10px;border-radius:4px;appearance:none;-webkit-appearance:none;border:2px solid #a855f7;border-radius:0;background-color:initial;text-transform:uppercase;font-family:var(--font-display);box-shadow:0 4px 15px rgba(0,0,0,.2),0 0 0 1px rgba(168,85,247,.5);transition:all var(--duration-base) var(--easing-standard)}.login-input:focus{outline:none;border-color:#6366f1;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 0 1px #6366f1}.login-btn{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-text);background:linear-gradient(90deg,#a855f7,#6366f1);border:none;padding:var(--space-4) var(--space-7);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--easing-standard);box-shadow:0 4px 15px rgba(0,0,0,.2),0 0 0 1px rgba(168,85,247,.5);width:100%;margin-top:8px;text-transform:uppercase}.login-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 0 1px #a855f7;filter:brightness(1.15)}.login-error{color:var(--font-color);margin-top:6px;margin-bottom:0}.spinner{border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin:0 auto}