.auth-container{text-align:center;animation:fadeIn .6s var(--transition);flex-direction:column;align-items:center;gap:15px;padding:2rem;display:flex}.auth-icon{color:var(--text-primary)}.auth-container h2{color:var(--text-primary);text-shadow:0 0 8px color-mix(in srgb,var(--text-primary)10%,transparent);font-size:1.4rem}.auth-container p{color:var(--text-secondary);font-size:.95rem}.auth-providers{box-sizing:border-box;flex-wrap:wrap;gap:10px;width:100%;display:flex}.auth-providers>*{box-sizing:border-box;flex:33.333%;min-width:0}.auth-text{color:color-mix(in srgb,var(--text-primary)90%,transparent);text-align:center;font-size:15px;font-weight:400;text-decoration:none}.auth-provider-button:hover .auth-text{color:color-mix(in srgb,var(--accent-green)90%,transparent)}.auth-provider-button{border:1px solid color-mix(in srgb,var(--border)20%,transparent);background:color-mix(in srgb,var(--text-primary)5%,transparent);border-radius:var(--radius);width:100%;height:50px;transition:var(--transition);cursor:pointer;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:flex}.auth-provider-button img{width:20px}.auth-provider-button:hover{background:color-mix(in srgb,var(--accent-green)10%,transparent);border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 10px color-mix(in srgb,var(--accent-green)20%,transparent)}.user-avatar{object-fit:cover;border:2px solid var(--accent-green);width:120px;height:120px;box-shadow:0 0 12px color-mix(in srgb,var(--accent-green)20%,transparent);border-radius:50%}.user-attrs{text-align:left;background:color-mix(in srgb,var(--text-primary)5%,transparent);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--border)20%,transparent);padding:1rem;font-size:.85rem;overflow-x:auto}.logout-button{background:color-mix(in srgb,var(--text-primary)5%,transparent);border:1px solid var(--accent-red);color:var(--accent-red);transition:var(--transition)}.logout-button:hover{background:color-mix(in srgb,var(--accent-red)10%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent-red)20%,transparent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}