@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.auth-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:20px}.auth-card{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center}.auth-title{font-size:2rem;margin-bottom:20px;color:var(--primary-color)}.auth-form{display:flex;flex-direction:column}.auth-input{padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:.3s}.auth-input:focus{border-color:var(--primary-color);outline:0}.auth-button{background:var(--primary-color);color:var(--text-light);padding:12px;border:0;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background .3s;font-weight:700;text-transform:uppercase}.auth-button:hover{background:var(--primary-hover)}.auth-switch{margin-top:15px;font-size:.95rem}.auth-switch a{color:var(--text-color);text-decoration:none;font-weight:700}.auth-switch a:hover{text-decoration:underline}.auth-error{color:red;margin-bottom:15px;display:none}.auth-card{animation:fadeIn .5s ease}.auth-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;justify-content:center;align-items:center}.auth-backdrop .auth-backdrop-inner{text-align:center}.spinner{animation:rotate 1s linear infinite}.spinner .path{stroke:#fff;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:4;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}#usernameSuggestions{margin-top:-10px;margin-bottom:15px;display:none}.suggestions-title{margin:0 0 5px;font-weight:500;color:var(--primary-color)}.suggestion{display:inline-block;background:#f2f2f2;padding:6px 10px;margin:3px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.suggestion:hover{background:#ddd}@media (max-width:768px){.auth-page{min-height:50vh}}