.auth-container{display:flex;justify-content:center;align-items:center;width:100%}.auth-form{background:white;padding:40px;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,0.1)}.auth-form h2{text-align:center;margin-bottom:30px;color:#333;font-weight:600;border-bottom:1px solid lightgray;padding-bottom:20px}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input{width:100%;padding:5px;border:2px solid #e1e5e9;border-radius:6px;transition:border-color 0.3s}.form-group input:focus{outline:none;border-color:#667eea}.btn-primary{width:100%;padding:6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 0.2s}.btn-primary:hover{transform:translateY(-2px)}.divider{text-align:center;margin:20px 0;position:relative}.divider span{background:#fff;padding:0 10px;position:relative;z-index:1}.divider::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ccc;transform:translateY(-50%);z-index:0}.social-auth{display:flex;flex-direction:column;gap:10px}.btn-social{padding:12px;border:2px solid #e1e5e9;border-radius:6px;background:white;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn-google:hover{border-color:#db4437;background:#f8f9fa}.btn-facebook:hover{border-color:#4267B2;background:#f8f9fa}.auth-link{text-align:center;margin-top:25px;color:#666}.auth-link a{color:#667eea;text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;border-left:4px solid #c33}.success-message{background:#efe;color:#363;padding:12px;border-radius:6px;margin-bottom:20px;border-left:4px solid #363}.auth-main-spacing{padding-bottom:50px}@media (max-width:768px){.auth-form{width:90%;padding:25px}}