.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--auth-gradient-start) 0,var(--auth-gradient-end) 100%);padding:24px}.auth-container{width:100%;max-width:480px}.auth-card{background:var(--card-bg);border-radius:16px;padding:40px;box-shadow:var(--shadow-xl);transition:all .3s ease}.auth-card h1{font-size:2rem;font-weight:700;margin:0 0 8px;color:var(--text-primary);text-align:center}.auth-subtitle{text-align:center;color:var(--text-tertiary);margin:0 0 32px}.error-message{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--danger-color);padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.9rem}.success-message{text-align:center;padding:24px}.success-message h2{color:var(--success-color);font-size:2rem;margin:0 0 16px}.success-message p{color:var(--text-tertiary);margin:0}.social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.social-btn:hover{background-color:var(--bg-hover);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:0 4px 6px var(--shadow-color-sm)}.social-btn svg{flex-shrink:0}.github-btn{background-color:var(--github-bg);color:white;border-color:var(--github-bg)}.github-btn:hover{background-color:var(--github-hover);border-color:var(--github-hover)}.divider{position:relative;text-align:center;margin:24px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.divider span{position:relative;background:var(--card-bg);padding:0 16px;color:var(--text-muted);font-size:.875rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;outline:none;transition:all .2s;background-color:var(--input-bg);color:var(--text-primary)}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.form-group input::placeholder{color:var(--text-muted)}.submit-btn{width:100%;padding:14px 24px;background-color:var(--primary-color);color:white;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:8px}.submit-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px rgba(82,113,255,.25)}.submit-btn:disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:24px;color:var(--text-tertiary);font-size:.9rem}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}@media (max-width:640px){.auth-page{padding:16px}.auth-card{padding:32px 24px}.auth-card h1{font-size:1.75rem}.social-btn{padding:10px 20px;font-size:.9rem}.form-group input{padding:10px 14px;font-size:.95rem}.submit-btn{padding:12px 20px;font-size:.95rem}}@media (max-width:480px){.auth-page{padding:12px}.auth-card{padding:24px 20px;border-radius:12px}.auth-card h1{font-size:1.5rem}.auth-subtitle{font-size:.9rem;margin-bottom:24px}.social-btn{padding:10px 16px;font-size:.85rem}.divider{margin:20px 0}.form-group{margin-bottom:16px}.form-group label{font-size:.85rem}.form-group input{padding:10px 12px;font-size:.9rem}.submit-btn{padding:12px 16px;font-size:.9rem}.auth-footer{font-size:.85rem;margin-top:20px}}