.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)}.auth-tabs{background:color-mix(in srgb,var(--text-primary)5%,transparent);border-radius:var(--radius);box-sizing:border-box;gap:6px;width:100%;padding:4px;display:flex}.auth-tab{color:var(--text-secondary);border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:8px 0;font-size:14px;font-weight:500}.auth-tab.active{background:color-mix(in srgb,var(--accent-green)15%,transparent);color:var(--accent-green);border:1px solid color-mix(in srgb,var(--accent-green)30%,transparent)}.auth-tab:not(.active):hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary)8%,transparent)}.auth-email-form{flex-direction:column;gap:10px;width:100%;display:flex}.auth-input{background:color-mix(in srgb,var(--text-primary)5%,transparent);border:1px solid color-mix(in srgb,var(--border)20%,transparent);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:var(--transition);box-sizing:border-box;outline:none;padding:12px 14px;font-size:15px}.auth-input:focus{border-color:var(--accent-green);box-shadow:0 0 8px color-mix(in srgb,var(--accent-green)20%,transparent)}.auth-input::placeholder{color:var(--text-secondary)}.auth-submit{background:color-mix(in srgb,var(--accent-green)15%,transparent);border:1px solid color-mix(in srgb,var(--accent-green)40%,transparent);border-radius:var(--radius);width:100%;color:var(--accent-green);cursor:pointer;transition:var(--transition);padding:12px;font-size:15px;font-weight:600}.auth-submit:hover:not(:disabled){background:color-mix(in srgb,var(--accent-green)25%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent-green)20%,transparent)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-link-btn{color:var(--text-secondary);cursor:pointer;text-align:center;transition:var(--transition);text-underline-offset:3px;background:0 0;border:none;padding:4px 0;font-size:13px;text-decoration:underline}.auth-link-btn:hover{color:var(--text-primary)}.auth-email-links{flex-direction:column;gap:4px;margin-top:2px;display:flex}.auth-hint{color:var(--text-secondary);text-align:center;margin:0;font-size:13px}.auth-hint strong{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}