@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--body-bg)}.auth-container{width:100%;max-width:28rem;margin:0 auto}.auth-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 8px 16px var(--card-shadow);padding:3rem;border:1px solid var(--card-border);transition:all .25s var(--ease-out-3)}@media (max-width: 640px){.auth-card{padding:2rem}}.auth-title{font-size:1.875rem;font-weight:700;text-align:center;margin:0 0 .5rem;color:var(--card-text);line-height:1.25}.auth-subtitle{font-size:1rem;text-align:center;margin:0 0 2rem;color:hsl(from var(--card-text) h s l/.6);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--card-text);margin:0}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--card-text);background:hsl(from var(--card-bg) h s calc(l + 2%));border:1px solid var(--input-border);border-radius:.5rem;transition:color .25s var(--ease-out-3),background-color .25s var(--ease-out-3),border-color .25s var(--ease-out-3),border-color .25s var(--ease-out-3),box-shadow .25s var(--ease-out-3);outline:none}.form-input::placeholder{color:hsl(from var(--card-text) h s l/.4)}.form-input:focus{border-color:#1d8aff;box-shadow:0 0 0 3px hsl(from #1d8aff h s l/.15)}.form-input:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.75rem 1rem;background:#ffebeb;color:#a32929;border:1px solid hsl(0,100%,90%);border-radius:.5rem;font-size:.875rem;line-height:1.5;margin-top:-.75rem}@media (prefers-color-scheme: dark){.error-message{background:#471f1f;color:#fcc;border-color:#6b2e2e}}.auth-button{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1d8aff,#0097e9);border:none;border-radius:.5rem;cursor:pointer;transition:transform .25s var(--ease-out-3),opacity .25s var(--ease-out-3),box-shadow .25s var(--ease-out-3);box-shadow:0 2px 4px #00000014;outline:none}.auth-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.auth-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.auth-button:focus-visible{outline:2px solid #1d8aff;outline-offset:2px}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:hsl(from var(--card-text) h s l/.5);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--card-border)}.auth-divider span{padding:0 1rem}.social-buttons{display:flex;flex-direction:column;gap:1rem}.social-button{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:var(--card-text);background:hsl(from var(--card-bg) h s calc(l + 2%));border:1px solid var(--card-border);border-radius:.5rem;cursor:pointer;transition:color .25s var(--ease-out-3),background-color .25s var(--ease-out-3),border-color .25s var(--ease-out-3),border-color .25s var(--ease-out-3),box-shadow .25s var(--ease-out-3),transform .25s var(--ease-out-3);box-shadow:0 1px 2px #0000000d;outline:none;display:flex;align-items:center;justify-content:center;gap:.75rem}.social-button svg{width:18px;height:18px;flex-shrink:0}.social-button:hover{background:hsl(from var(--card-bg) h s calc(l - 2%));border-color:hsl(from var(--card-border) h s calc(l - 10%));box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.social-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.social-button:focus-visible{outline:2px solid #1d8aff;outline-offset:2px}.social-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.footer-links{margin-top:1.5rem;text-align:center}.footer-links p{margin:0;font-size:.875rem;color:hsl(from var(--card-text) h s l/.6);line-height:1.5}.footer-link{color:#1d8aff;text-decoration:none;font-weight:500;transition:color .25s var(--ease-out-3),background-color .25s var(--ease-out-3),border-color .25s var(--ease-out-3)}.footer-link:hover{color:#0097e9;text-decoration:underline}.footer-link:focus-visible{outline:2px solid #1d8aff;outline-offset:2px;border-radius:.25rem}.loading-spinner{width:40px;height:40px;margin:2rem auto;border:4px solid hsl(from var(--card-border) h s l/.3);border-top:4px solid #1d8aff;border-radius:100vw;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.auth-page{padding:1rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}}.form-btns{--border-size: .1em;display:grid;grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:calc(var(--border-size) * 7);margin-block:1em;max-width:max-content}.btn.lite{--border-size: .1em;padding:.2em .4em;margin-block:0}